Intellij IDEA集成sencha插件开发Extjs应用

时间:2024-03-12 21:37:34

一、工具下载及安装

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添加进来。

Intellij IDEA集成sencha插件开发Extjs应用

2、添加成功后,我们重启idea。但是此时会弹框让我们填写Sencha ID。如果没有这个id,我们可以去官网随便注册一个即可。

Intellij IDEA集成sencha插件开发Extjs应用

3、注册好id,登录后,然后我们还需要修改试用时间,否则一个月后会过期。修改C:\Users\Administrator\AppData\Local\Sencha\JBPlugin\user.license,  更改 "Expires": 时间为一个你想要的值。比如"Expires": "2029-04-02T02:34:54"",保存修改,重启idea,即可看到试用时间已被更改。

Intellij IDEA集成sencha插件开发Extjs应用

4、至此我们的开发环境已经搭建完成,接下来就可以新建Extjs workspace了。

三、开发Extjs App应用

1、我们先在Temp文件夹下新建Ext Js workspace。

Intellij IDEA集成sencha插件开发Extjs应用

2、填写name,cmd路径以及SDK的路径。 

Intellij IDEA集成sencha插件开发Extjs应用

3、在刚刚创建的workspace下,新建一个Ext Js App。

Intellij IDEA集成sencha插件开发Extjs应用

4、填写相关信息,如下。

Intellij IDEA集成sencha插件开发Extjs应用

5、启动demo应用,见如下日志信息表示启动成功。

Intellij IDEA集成sencha插件开发Extjs应用 6、浏览器访问index.html

Intellij IDEA集成sencha插件开发Extjs应用