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→ 新建立mySpket→ 點擊Add Library→ 選擇JQuery,建立新的Library,點擊Add File→ 選擇extjs4.0.7包裏build文件夾裏帶的sdk.jsb3,最後還可以點擊Default讓其成爲缺省的JavaScript Pro File.如下圖:


然後設置爲js文件默認編輯器,如下圖:


到這裏就完成了所有操作,可以新建一個js文件打開編輯體驗了。

http://blog.csdn.net/smszhuang168/article/details/8423516

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章