一 学习前的了解:
1.Extjs6其实是结合了两个框架:Extjs 和Sencha Touch;
2.Extjs6有两个工具包: classic (存放原来Extjs的可视化组件)和 modern (存放原来Sencha Touch的可视化组件);
3.你需要安装一个叫Sencha Cmd的工具, 这会让你的Extjs应用开发变得简单;
二 安装
1.下载并安装Sencha Cmd 6
在安装Sencha Cmd之前,你需要安装JRE环境,在命令行输入 java -version,看到java版本后便可安装Sencha Cmd;
Sencha Cmd安装后在命令行输入 sencha which 检测是否安装成功;
2.下载并解压缩 Ext Js Sdk
三 生成应用
打开命令窗口输入一下命令便会生成应用, 其中MyApp是根命名, myapp是项目路径
sencha -sdk /path/to/sdk generate app [--modern/classic] MyApp /path/to/ myapp
eg: sencha -sdk ~/extjs/ext-6.2.0 generate app --classic Platform GcPlatform
上面的命令默认生成的Extjs应用包含两个工具包:classic和modern. 如果你需要指定只使用其中某个工具包, 则可以加上 -modern 或者-classic生成对应应用.
例如:生成classic应用
sencha -sdk /path/to/sdk generate app --classic MyApp /path/to/ myapp
四 运行应用
cd projectPath //进入项目路径
sencha app watch //运行应用
此时如果没报错的话,可以看到运行地址,一般是http://localhost:1841,访问地址可以看到默认的应用
![](https://i-blog.csdnimg.cn/blog_migrate/fee28b53b6ead5cfa46ddbe78e8cedd0.png)
五 构建应用
sencha app build
还可以选择构建modern或classic风格的应用
sencha app build modern
sencha app build classic
六 代码生成
sencha generate view myApp.MyView
sencha generate model MyModel id:int,fname,lname
sencha generate controller MyController
当你生成 model 时如果不指定字段类型,默认类型是 string。