ExtJS配置与入门项目创建

Sencha Cmd下载：http://cdn.sencha.com/cmd/6.5.2/jre/SenchaCmd-6.5.2-windows-64bit.zip 

ExtJS-6.2.0下载：https://pan.baidu.com/s/1dEDop6T

解压安装Sencha Cmd：

 

将该目录添加到环境变量PATH中：

 

然后解压ExtJS：

classic：这里存放pc端的视图代码
    |-src 代码目录
    |-sass 样式文件目录，只会应用到classic模式下。
modern：这里存放移动端的视图代码
    |-src 代码目录
    |-sass 样式文件目录，只会应用到modern模式下。
app：这里存放classic和modern公用的一些model，store，controller等。
ext：extjs的sdk目录
build：extjs项目构建之后的输出目录，这个目录下有以下几个子目录，production目录在你第一次执行sencha app build命令之后才会生成。
    |-development 
    |-production 
    |-temp
resources：存放静态资源的目录，比如图片资源。

将该目录建立环境变量EXTJS_HOME:

 

然后打开命令行，创建ExtJS项目：

 

sencha -sdk %EXTJS_HOME% generate app MyExtJSTestApp D:\HelloWorld

 

 

切换到项目中，并运行：

D:\users\Hasee\workspace>cd D:\HelloWorld
D:\HelloWorld>sencha app watch  

 

 

在浏览器中输入该网址：

一个基本的页面就做好了。