最近在研究ExtJS 4.1,看了网上的教程说如何安装Spket并添加ExtJS语法提示,很多人都说确实能装上。
但是我却怎么也装不上。用了一个下午。终于搞明白了真正地原因。接下来写这篇文章给大家分享一下。
步骤:
1.下载文件:Spket Plugin 1.6.23或以上版本 、ExtJS 4.1 、 SDK.jsb3
版本很重要,我之前就是因为版本问题导致没有语法提示。
2.解压Spket插件到:
a、MyEclipse解压到dorpins目录,目录结构如下:
PS:有些版本的MyEclipse是把features和plugins两个目录里面的文件直接放在dropins下。
b、Eclipse可以解压到安装目录下,覆盖features和plugins两个目录,目录结构如下:
3.启动Eclipse/MyEclipse,软件会自动安装插件。首次运行有错误提示,不用管。
打开"Windows-->Preferences",你会发现左边导航栏多出一个"Spket"。这时候插件算是基本安装完成。
4.解压ExtJS 4.1:
首先把我们下载回来的ExtJS 4.1解压到一个常用目录,因为以后都要用到!
这里我们假设目录为"D:\extjs"。你可以只解压中三个文件夹:src、build、pkgs。
5.替换Build目录:
接下来把SDK.jsb3解压覆盖到"D:\extjs\Bulid"目录里面的同名文件。
因为SDK.jsb3里面写的路径出错了,所以之前我一直都搞不出语法提示。
这个文件是我根据源文件修正原来错误路径搞出来的。
相对路径就是SDK.jsb3存放的路径。具体就是替换以下几个东西:
a. 把 "platform 替换成 "../src
b. 把"src 替换成 "../src
c. 把"src/src替换成 "src
PS:千万别删"D:\extjs"目录里面的任何东西。否则同样没语法提示!
6.接着"Windows-->Preferences"
在弹出窗口左边导航栏依次找到"Spket-->JavaScript Profiles"
在右边点击 "New" ,名字随便写
选中刚才新建的 Profiles ,接着点右边的 "Add Library" ,选择"ExtJS"
选中刚才新建的 Library,接着点右边的 "Add File",进入你解压并覆盖的目录(D:\extjs\Bulid)选择"SDK.jsb3"
重新选中刚才 Profiles ,点 "Default"
7.再重启一下Eclipse/MyEclipse就大功告成了。
给新手说说使用方法:在你想要编辑的JS文件点鼠标右键"Open With-->Spket JavaScript Editor",编辑时按"Alt+/"或"Ctrl+Space"就会有语法提示了。
安装完成的效果: