MyEclipse/Eclipse安装Spket对ExtJS 4.1语法提示

　　最近在研究ExtJS 4.1，看了网上的教程说如何安装Spket并添加ExtJS语法提示，很多人都说确实能装上。

但是我却怎么也装不上。用了一个下午。终于搞明白了真正地原因。接下来写这篇文章给大家分享一下。

　　步骤：

　　　　１．下载文件：Spket Plugin 1.6.23或以上版本 、ExtJS 4.1 、 SDK.jsb3

　　　　　　版本很重要，我之前就是因为版本问题导致没有语法提示。

　　　　２．解压Spket插件到：

　　　　　　ａ、MyEclipse解压到dorpins目录，目录结构如下：

　　　　　　　　

　　　　　　  　　ＰＳ：有些版本的MyEclipse是把features和plugins两个目录里面的文件直接放在dropins下。

　　　　　　ｂ、Eclipse可以解压到安装目录下，覆盖features和plugins两个目录，目录结构如下：

　　　　　　　　

　　　　３．启动Eclipse/MyEclipse，软件会自动安装插件。首次运行有错误提示，不用管。

　　　　　　打开"Windows-->Preferences"，你会发现左边导航栏多出一个"Spket"。这时候插件算是基本安装完成。

　　　　４．解压ExtJS 4.1：

　　　　　　首先把我们下载回来的ExtJS 4.1解压到一个常用目录，因为以后都要用到！

　　　　　　这里我们假设目录为"D:\extjs"。你可以只解压中三个文件夹：src、build、pkgs。

　　　　５．替换Build目录：

　　　　　　接下来把SDK.jsb3解压覆盖到"D:\extjs\Bulid"目录里面的同名文件。

　　　　　　因为SDK.jsb3里面写的路径出错了，所以之前我一直都搞不出语法提示。

　　　　　　这个文件是我根据源文件修正原来错误路径搞出来的。

　　　　　　相对路径就是SDK.jsb3存放的路径。具体就是替换以下几个东西：

　　　　　　　　a．　　把 "platform 替换成 "../src

　　　　　　　　b．　　把"src 替换成 "../src

　　　　　　　　c．　　把"src/src替换成 "src

　　　　　　ＰＳ：千万别删"D:\extjs"目录里面的任何东西。否则同样没语法提示！

　　　　６．接着"Windows-->Preferences"

　　　　　　在弹出窗口左边导航栏依次找到"Spket-->JavaScript Profiles"

　　　　　　在右边点击 "New"  ，名字随便写

　　　　　　选中刚才新建的 Profiles ，接着点右边的 "Add Library"  ，选择"ExtJS"

　　　　　　选中刚才新建的 Library，接着点右边的  "Add File"，进入你解压并覆盖的目录（D:\extjs\Bulid）选择"SDK.jsb3"

　　　　　　重新选中刚才 Profiles ，点 "Default"

　　　　７．再重启一下Eclipse/MyEclipse就大功告成了。

　　　　　　给新手说说使用方法：在你想要编辑的JS文件点鼠标右键"Open With-->Spket JavaScript Editor"，编辑时按"Alt+/"或"Ctrl+Space"就会有语法提示了。

 

安装完成的效果：