eclipse+spket+extjs4.1开发环境搭建和代码智能提示（一）

本文是我在新浪博客写的原创，现在搬家来csdn。

有些代码按了复制键没有效果，但是其实已经复制到剪贴板上面了，大家请注意哦！
我的文章有时会稍有修改，转载请注明出处哦！

搭建开发环境，首先要准备好几样东西：eclipse，tomcat，extjs4.1，还有spket，大家去相关网站下载，都去官网，既可以防止有毒又是最新版。这里提一下spket的下载。spket的下载网站是：
http://www.spket.com/
点击右上角的Downloads进入下载页面，这个产品是个人使用免费，商业用途收费的，大家看着用。这里是作为eclipse的插件使用，按Plugin进入下载页面把他下载下来。解压，把里面eclipse文件夹下面的features和plugins复制到eclipse根目录下与这两个同名的文件覆盖，重启eclipse，然后Window=>Preferences，看到左边有spket选项证明你安装成功了。
         继续刚才的窗口：
点击左边选项的Spket
=>JavaScript Profiles
=>右边的按钮中点New
=>Name里面输入  ExtJS  （这个名字随意）
=>OK
=>选中ExtJS
=>Add Library
=>Library下拉选项中选中ExtJS
=>OK
=>选中刚才新建的那个ExtJS
=>Add File
=>选中在系统另一个地方解压的ExtJS包的跟目录下的build下的sdk.jsb3（这个文件错误很多，在下一篇文章我会说明修改的方法，暂且先这样用着）
=>然后会出现很多选择框让你选择要哪些提示，我全勾了
=>然后按根节点的ExtJS（注意是最根部的那个ExtJS）
=>点击右面的按钮Default（这步很重要，不按他就不会自动提示了）
=>OK退出
         现在是让spket作为javascript的默认编辑器：
Window
=>Preferences
=>General
=>Editors
=>File Associations
=>右面的File types选中*.js
=>下面的Associated editors选中Spket javascript Editor
=>按右面的按钮Default
=>OK退出
然后你看到js文件的图标变成就代表你成功了。
 
怎么创建一个ExtJS的工程呢，我先演示一下如何做一个HelloWord的。
新建一个工程（动态网页，eclipse中是Dynamic Web Project），先不要引入ExtJS包，
右键工程图标
=>Properties
=>Resource
=>Text file encoding
=>Other
=>UTF-8
=>左边选Builders
=>去掉JavaScript Validation和Validation前面的勾
=>OK退出
还不能导入ExtJS包，这样会卡死eclipse的。去到工程根目录下，找到.project，用记事本打开，把两处删除掉：
 
第一处：
 
<buildCommand>
         <name>org.eclipse.wst.jsdt.core.javascriptValidator</name>
         <arguments>
         </arguments>
</buildCommand>
第二处：
 
<nature>org.eclipse.wst.jsdt.core.jsNature</nature>
 
保存退出，refresh一下工程。再把ext包复制进工程，我现在是把整个复制进来，具体怎样才是最小的发行包大家可以参照网上的各种资料，我也是初学，不是太清楚。
运行根目录下的index.html（部署可能需要一段时间），能到主页说明你成功了。具体的代码提示我会在下一篇文章介绍。