extjs6开始使用extjs6


备注

本节概述了extjs6是什么,以及开发人员可能想要使用它的原因。

它还应该提到extjs6中的任何大型主题,并链接到相关主题。由于extjs6的文档是新的,您可能需要创建这些相关主题的初始版本。

ExtJS 6应用程序设置

Ext JS 6入门。

先决条件步骤:

  1. 下载Sencha Cmd 6并使用环境路径变量中的sencha 命令集进行安装。
  2. 下载Sencha SDK的路径版本(ext-6.2.1.zip)并解压缩。(在位置D:\ ext-6.2.1)

系统已准备好创建Extjs 6应用程序。

使用Extjs 6标准文件夹结构创建示例应用程序(World)

有三种类型的应用:

  1. 通用(在移动网络上运行Sencha touch 和桌面网络Sencha Extjs

  2. 经典(在桌面上运行Sencha Extjs

  3. 现代(在移动网络上运行Sencha touch

打开CMD并运行bellow命令以生成World 应用程序:

通用应用程序: sencha -sdk D:\ext-6.2.1 generate app World D:\World

经典应用: sencha -sdk D:\ext-6.2.1 generate app --classic World D:\World

现代应用: sencha -sdk D:\ext-6.2.1 generate app --modern World D:\World

此相应命令将在相应位置生成应用程序的文件夹结构。

转到cd D:/World 并运行命令:

sencha app手表

应用程序将加载到:

HTTP://本地主机:1841 /

World Application可以从浏览器访问。

*应用程序的路径可根据要求而变化。

为了构建extjs应用程序以供生产代码使用,

sencha app build

这将创建extjs压缩的,混淆的代码,可以在[APPLICATION_HOME] / build / production中用于生产。构建目录还包含用于开发和测试代码的其他文件夹。

Extjs 6应用程序设置

Ext JS 6入门。

先决条件步骤:

  1. 下载Sencha Cmd 6并使用环境路径变量中的sencha 命令集进行安装。
  2. 下载Sencha SDK的路径版本(ext-6.2.1.zip)并解压缩。(在位置D:\ ext-6.2.1)

系统已准备好创建Extjs 6应用程序。

使用Extjs 6标准文件夹结构创建示例应用程序(World)

有三种类型的应用:

  1. 通用(在移动网络上运行Sencha touch 和桌面网络Sencha Extjs

  2. 经典(在桌面上运行Sencha Extjs

  3. 现代(在移动网络上运行Sencha touch

打开CMD并运行bellow命令以生成World 应用程序:

通用应用程序: sencha -sdk D:\ext-6.2.1 generate app World D:\World

经典应用: sencha -sdk D:\ext-6.2.1 generate app --classic World D:\World

现代应用: sencha -sdk D:\ext-6.2.1 generate app --modern World D:\World

此相应命令将在相应位置生成应用程序的文件夹结构。

转到cd D:/World 并运行命令:

sencha app手表

应用程序将加载到:

HTTP://本地主机:1841 /

World Application可以从浏览器访问。

*应用程序的路径可根据要求而变化。