eclipse+spket+Extjs4.2.1開發環境搭建

鳴謝：http://blog.csdn.net/leimengyuanlian/article/details/18748599

http://www.cnblogs.com/maowang1991/archive/2013/02/05/2893142.html

https://www.cnblogs.com/sbclmy/p/11120186.html

---------------------------------------------------------------------------

文章轉自：https://www.cnblogs.com/sbclmy/p/11120186.html

1、下載Extjs4.2.1

http://vzidc.newhua.com/down/ext-4.2.1-gpl.zip

或者在百度搜索關鍵字：ext-4.2.1-gpl.zip 進行下載。

下載後Extjs具體的版本號爲：ext-4.2.1.883

2、下載spket插件

http://pan.baidu.com/share/link?shareid=334288&uk=3188520945

下載後spket的版本號爲：spket-1.6.23

3、在eclipse中安裝spket插件

1.解壓rar文件，將裏面的features文件夾和plugins文件夾裏的文件複製到eclipse的根目錄下的features文件夾和plugins文件夾裏。

2.打開eclipse，選擇window→proference→spket→javascript profiles→new (輸入Ext JS4.2.1)。

 

3.選中Ext JS4.2.1，選擇Add Library，在彈出的Select Library對話框中選擇ExtJS。

4.點擊Ext JS4.2.1，展開能夠看到ExtJS,以下圖：

5.點擊ExtJS，選擇Add File，在解壓後的ExtJS文件夾下選擇ext-all-dev.js（在根目錄），注意整個路徑不能出現中文。

6.選中Ext JS 4.2.1，設置默認（Default）。

 

7.將 js默認打開方式設爲 spket。(若是不成功，請重複檢查上面的步驟，重點檢查第6步，設置默認成功以後"Ext JS 4.2.1"字體明顯變黑)

 

8.重啓Eclipse。

9.新建javascript文件，輸入Ext+. 則會出現自動提示:

 

若是沒有出現自動提示則右擊你的JS文件,有個Open with - 選擇spket JavaScript Editor。 若是仍舊沒有出現提示則能夠經過在項目文件上點擊右鍵,選擇「Reload Javascript Profiles」菜單，對javascript文件從新加載。

結語：第一次接觸Extjs的朋友可能在搭建的環境時須要弄幾回纔好，特別提醒的是，不要下載Extjs後當即將其整個文件夾像用Easyui那樣直接拷貝到項目中，那樣會導致eclipse內存溢出而一直bulid workspace，這是由於Extjs是重量級的前臺框架，體積挺大的，好像有300多M。還有就是若是遇見其餘狀況的問題建議直接更換eclipse的工做區間（Switch Workspace），一切從新開始。最後，若是你下載的是其餘版本，具體的步驟可能有所不一樣，請參見本博客的所鳴謝的兩篇文章。