Ext JS 快速开发工具| 成都西华升腾科技有限公司

Ext JS开发大全

CmsWing

Ext JS 快速开发工具

工欲善其事，必先利其器。在实际项目中开发Ext JS应用时，希望开发工具最好是具备以下功能：
代码自动提示，补全
代码语法提示
…
对于Ext JS乃至一般的应用程序开发来说， 常用的开发IDE有：
- 	Eclipse
- Visutal Studio
- JetBrains

基于以上各IDE， Sencha 官方都提供了对应的插件，但那些插件都是收费的； 早期也出现了一个可以免费使用的插件spket， 适用6.0 以上的版本， 不过在目前最新版本已经不好使了。
### 官方开发插件
官方提供的插件如下：
![](/upload/picture/2022-09-27/upload_a6797424eedff04e18ba5d15d415c1bd.png)
详细可以参考：
https://www.sencha.com/products/plugins/。
这里以Visual Studio 的获取和安装为例进行介绍。
VS 的插件获取与安装
如果购买了授权， 会提供一个账号， 登录下载页面， https://support.sencha.com/#download 就可以看到如下下载按钮：
![](/upload/picture/2022-09-27/upload_9b3b134a7a45967e3bf2534515d6a0b0.png)
下载后解压可以得到如下文件 senchaVScode-1.0.1.vsix。
启动Visual Studio后， 点击左侧的插件标签页， 选择从本地的VSIX文件进行安装， 具体操作如下：
![](/upload/picture/2022-09-27/upload_c7d6d898372b0994bfeb4cc897ebe5f3.png)
安装完成后， 输入代码时会出现自动补全提示， 类似：
![](/upload/picture/2022-09-27/upload_a6d572e2ec594911681b3c64160d05a4.png)
spket
spket 是一款开发RIA（Rich Internet Applications）的工具， 有独立的IDE，　也提供了Eclipse的插件。
但是该工具已经很长时间没有更新了，　目前的最新版是　1.6.23， 下载页面是： https://www.spket.com/download.html
spket IDE
IDE下载地址：
https://www.spket.com/downloads/spket-1.6.23.jar
独立IDE下载的是一个jar 文件， 使用 java -jar spket-1.6.23.jar 启动安装， 但是在64位系统下会出现如下安装错误。
![](/upload/picture/2022-09-27/upload_b581ecd16c13faed1b27ff949282d6ed.png)
java.lang.UnsatisfiedLinkError: no swt-win32-3346 or swt-win32 in swt.library.path, java.library.path or the jar file， 从错误信息看是缺少32位的 swt , 解决方法是需要安装32位的Java， 并且切换到32位Java目录下执行。
spket Eclipse 插件
插件的获取地址是：
https://www.spket.com/downloads/spket-1.6.23.zip
注意：　在Eclipse的插件市场已经找不到这个插件了，所以推荐使用离线安装的方式。
这里使用的Eclipse的安装版本，版本号：　jee-2019-06　，　安装步骤如下：
１.　解压插件
２.　在Eclipse安装目录新建myplugins 目录，并把解压的插件目录复制进去（插件目录名可以修改为spket）
3.　在Eclipse安装目录新建links 目录， 并创建文件spket.link, 文件内容如下：
```
path=D:\\install\\eclipse\\jee-2019-06\\eclipse\\myplugins\\spket
```
1
重启Eclipse
重启过后，通过Window>Preferences 就可以看到Spket的相关选项了。
![](/upload/picture/2022-09-27/upload_bfe869168d8f46de2cb723d251640925.png)
默认是没有Ext JS 的支持的，配置步骤如下：
点击上图的 “New” 按钮
在弹出框输入 “ExtJS”
选中新加的项次，点击Add Library, 选择Ext JS
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-YAC9FXHt-1622760504810)(images/screenshot_1622759747103.png)]
4.选中新增的 "ExtJS"库， 点击 “Add File”按钮， 添加Ext 的jsb 文件， 比如 ext-6.0.0.jsb2 。
这个文件可以从 https://www.spket.com/downloads/ext-6.0.0.jsb2 获取。
资源
本篇提到的spket 相关资源可以到 https://download.csdn.net/download/oscar999/19382535 下载。

购物车

0 ITEMS ON YOUR CART

Ext JS开发大全

Ext JS 快速开发工具

网站导航