1 ExtJS环境搭建[ExtJS智能提示,html,jsp提示]

开发工具列表：

　　Eclipse， Spket插件

1，下载Eclise

　　这里就不说了

2，下载Spket插件

下载地址：http://www.spket.com/download.html 目前最小的是 spket-1.6.23.zip，点击一下的链接就会提示下载了。

3，安装Spket

第一种方式：侵入式安装
直接把该文件解压到eclipse的dropins目录下，注意解压后的目录结构应该是
---------eclipse       // 你的eclipse安装目录
-----------dropins
---------------eclipse
------------------plugins
------------------features
解压好之后重启就行了，如果还不行就直接在cmd下，切换到eclipse安装目录下，执行eclipse -clean
以上做好之后在eclipse中：Window-->Preferences-->就能看到Spket

第二种方式：   非侵入式安装（建议使用这种方式安装）

（1）首先把下载好的解压：

（2）然后编写link文件：spket.link

内容如下：
path=D:\\programs\\study\\eclipse\\plugins\\spket
或者写成：
path=D:/programs/study/eclipse/plugins/spket
把写好的link文件放在eclipse安装目录下：
    就是在Eclipse安装目录下新建一个links文件夹，然后把spket.link文件放进去
    如果是MyEclipse，就直接把spket.link放在dropins文件夹下。
重新启动eclipse就完成了安装。

（3）配置Extjs的代码提示

window->preferences->spket->javascript profire->new->Extjs

单击OK，
单击Add Library:选择一个库，这里选择Extjs
添加jsb文件：一般extjs自带有，在bulid文件夹下，用windows自带的搜索功能就能找到，如果没有可以在网上下载一个。
设置为默认：右下角有个default按钮

到这里还没完，我们设置js的默认编辑器：

到这里基本完成了，现在就来新建一个js文件试试吧！

注：如果还是没有提示，那就是Ext的问题了，需要修改jsb文件：
Ext中的jsb3文件（extjs4的在build文件夹下，也可以在网上下载一个jsb3文件），路径不对
只要认真观察一下jsb3文件，你就会发现里面的文件路径不对了，我在extjs4.1的版本中，就由几处不对
只要修改一下就行了，打开sdk.jsb3文件

1）先来看看  "target": "pkgs/foundation.js", （notepad++打开，应该是在第 7 行）
 看到了吧，这个jsb文件是在bulid目录下的，在这个目录下是找不到foundation.js的，这个应该是以下路径
          "target": "../pkgs/foundation.js"
 所以这里把上面的全部替换掉就行了，替换的时候要注意技巧，如
            把"target": "pkgs 全部替换成 "target": "../pkgs
2) 再来看看 "path": "../platform/core/src/", （notepad++打开，应该是在第 11 行开始有这个）
   在extjs4.1中，这个platform实际是不存在的，你看extjs4.1的目录结构就知道，它实际上是：
            "path": "../src/core/src/"
  所以你需要全部替换： 把"path": "../platform/ 替换成："path": "../src/
3) 最后看看 "path": "../src/src/" （notepad++打开，应该是在第 216 行开始有这个）
   这个路径也是有问题的，需要修改成 "path": "../src/"
   所以继续全部替换：把"path": "../src/src 替换成 "path": "../src
至此，大功告成！

以下是相关的截图：

 

 

在HTML和JSP中进行提示：使用快捷键：ALT+SHIFT+/