日期:2014-05-16  浏览次数:20339 次

ExtJs4.0环境搭建及spket安装

      这些天在学习ExtJs,避免不了要写相关的代码来加深对这个框架的理解,那么首先就得搭建一个ExtJs的环境。

1、开发环境

     Microsoft Windows XP:Version:2002,Service Pack 3

     Eclipse Java EE Developer ToolsVersion:3.3.0

     Apache Tomcat v6.0

     ExtJs4.0.7

     Spket1.6.23(eclipse插件,下面会介绍其如何安装)

2、搭建环境

     打开eclipse,新建一个web的动态项目(Dynamic Web Project),这个就不多说了,相信每个程序员都会这步操作的。

     导入下载好的ExtJs4.0.7的包,直接复制然后past到新建项目的WebContent目录下即可,这时会出现一个常见的现象,eclipse会去加载放进来的这个extjs包还有一些相关的检查,由于这个框架基本上是由js文件写成的,所以js文件的检查会非常耗资源和时间,甚至我的eclipse还报出了下面的问题:


     这时不必惊慌,网上有人说增加eclipse的内存分配,修改eclipse的配置文件,我试了我的不太管用,最后找到了一个办法,很简单,去掉项目的javascript的检查即可,具体操作:项目右击——点击Properties——弹出对话框点击Builders——去掉javascript validator上的勾即可,如下图:


     这时候为了减少项目文件的大小还可以将一些不影响项目开发的extjs多余的文件去掉,比如例子(examples)、文档(doc)等统统移除,留着语言包(locale)、css样式包(resources)、src及extjs的核心文件ext-all.js等,如下图:


     到这步可以开始写hello world了,也可能就是配置低的电脑的问题,在eclipse里写代码的时候电脑反应特别慢,有时候还会出现卡死的状况,智能提示也卡的不出来,这时候怎么办,不用着急,原因出在了eclipse自带的编译器(JavaScript Editor)上,它关联的资源比较多。我们只需要再装一个上面提到的插件Spket就会让你的js文件编码有飞一般的感觉。

3、Spket插件安装

     下载最新版本spket-1.6.23.jar,地址:http://download.csdn.net/detail/smszhuang168/4914323

     打开控制台(windows+R—cmd),运行:java -jar D:\spket-1.6.23.jar(下载的包放在D盘根目录下),这时会弹出一个spket的安装程序,直接 →next,选择Eclipse Plugin,点击Browser选择你的eclipse安装目录,直接→ next,直接 → next,然后Install,安装完成。

     重启eclipse,打开Window → Proferences里会多一个Spket的选项,选择JavaScript Profiles,点击new