ExtJs4.0環境搭建及spket安裝
這些天在邊學邊用ExtJs,避免不了要寫相關的程式碼來加深對這個框架的理解,那麼首先就得搭建一個ExtJs的環境。
1、開發環境
Microsoft Windows XP:Version:2002,Service Pack 3
Eclipse Java EE Developer Tools:Version:3.3.0
Apache Tomcat v6.0
ExtJs—4.0.7
Spket—1.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
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檔案開啟編輯體驗了。