一、工具下载及安装
1.1、安装Sencha cmd
(1)从官网下载:SenchaCmd-6.7.0.37-windows-64bit.zip。解压并开始安装,修改安装路径,然后一路next即可。
1.2、下载Ext SDK
(1)从官网下载:ext-6.0.0-gpl.zip。下载后解压到某个路径下。
1.3、下载sencha idea插件
(1)下载:sencha-jetbrains-plugin-6.0.9-已**.zip,百度网盘链接:https://pan.baidu.com/s/1QVXcQjA3Cf0gTxm-IhCoPw,提取码:6nsr。
二、集成sencha 插件
1、打开idea,并打开File->Settings->Plugins,然后点击Install Plugin from Disk,将刚刚下载的sencha-jetbrains-plugin-6.0.9-已**.zip添加进来。
2、添加成功后,我们重启idea。但是此时会弹框让我们填写Sencha ID。如果没有这个id,我们可以去官网随便注册一个即可。
3、注册好id,登录后,然后我们还需要修改试用时间,否则一个月后会过期。修改C:\Users\Administrator\AppData\Local\Sencha\JBPlugin\user.license, 更改 "Expires": 时间为一个你想要的值。比如"Expires": "2029-04-02T02:34:54"",保存修改,重启idea,即可看到试用时间已被更改。
4、至此我们的开发环境已经搭建完成,接下来就可以新建Extjs workspace了。
三、开发Extjs App应用
1、我们先在Temp文件夹下新建Ext Js workspace。
2、填写name,cmd路径以及SDK的路径。
3、在刚刚创建的workspace下,新建一个Ext Js App。
4、填写相关信息,如下。
5、启动demo应用,见如下日志信息表示启动成功。
6、浏览器访问index.html