1. 程式人生 > >ExtJs4.0環境搭建及spket安裝

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外掛安裝

     開啟控制檯(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檔案開啟編輯體驗了。