eclipse下安裝Extjs的插件spket

最近項目要用ext進行開發,所以這段時間開始學習ext.

我這裏用的是ext3.0,eclipse3.5。

每次都要去查API,很煩,所以裝個EXT提示的插件對初學者來說有很大的幫助。

假設你已經下載了ext3.0和spket的源碼。

注意,官方的ext3.0裏面沒有提供ext.jsb文件.得自己另外去網上下載一個,這裏我把下載到的ext.jsb文件放在ext-3.0.0的根目錄下。

一、

以Eclipse插件形式安裝

啓動ECLIPSE Help → Software Updates → Find and Install… → Search for new features to install → New remote site…

名稱: “Spket”,地址URL是http://www.spket.com/update/

完成後重啓(自動會加載插件,也可CMD ECLIPSE目錄 使用命令 eclipse -clean 重新編譯)

Window → Preferences → Spket → JavaScript Profiles → New ;

輸入“ExtJS”點擊OK;

選擇“ExtJS” 並點擊“Add Library”然後在下拉條中選取“ExtJS”;

選擇 “ExtJS”並點擊“Add File”,然後在你的./ext-3.0.0目錄中選取“ext.jsb” 文件,注意一定也要把ext-all.js和ext-all-debug.js這兩個JS文件選擇進來,不然即使配了也不會有提示,我開始就是沒有把這二 個JS加進來。

選擇你想加載的插件,這裏我們選擇ExtJS.

設置新的ExtJS Profile,選中並點擊“JavaScript Profiles” 對話框右手邊的“Defalut”按鈕;

JS打開方式爲 Window → Preferences → General→ Editors→ File…

選擇JS 或者新創建 設置默認打開方式 爲 Spket JavaScript Editor(default) (把spket設爲js默認的編輯器)

eclipse下安裝Extjs的插件spket - xiehx163 - xiehx163的博客

 

 

二.安裝Spket

第一種方法:網上更新方式

1.插件首頁:http://www.spket.com

2.插件名稱:Spket IDE

3.更新連接(Update Site):http://www.spket.com/update/

更新安裝方法:

1.[Help]-[Software Updates]-[Find and Install...]

2.[Search for new features to install] -> [Next]

3.[New Remote Site...] Name: "什麼都行,spketjs" URL: http://www.spket.com/update/ --> [Finish]

 

第二種方法:網上下載spket-1.6.16.jar破解版(目前最新版本)

eclipse下安裝Extjs的插件spket - xiehx163 - xiehx163的博客

1.如果你的JDK在1.6以上,可以直接雙擊spket-1.6.16.jar運行安裝。

eclipse下安裝Extjs的插件spket - xiehx163 - xiehx163的博客

其它,使用命令行方式。(注意:自己切換命令行到spket-1.6.16.jar所在目錄)

eclipse下安裝Extjs的插件spket - xiehx163 - xiehx163的博客

2.

eclipse下安裝Extjs的插件spket - xiehx163 - xiehx163的博客

eclipse下安裝Extjs的插件spket - xiehx163 - xiehx163的博客

eclipse下安裝Extjs的插件spket - xiehx163 - xiehx163的博客  

eclipse下安裝Extjs的插件spket - xiehx163 - xiehx163的博客

eclipse下安裝Extjs的插件spket - xiehx163 - xiehx163的博客

至此,安裝完成。

二、配置Spket

 

注意:如果在安裝spket過程中,你的eclipse或者Myeclipse是打開的,請重啓eclipse或者Myeclipse。以便初始化插件,下面纔會在Preferences中看到 Spket選項。

基本步驟如下:

1)Window → Preferences → Spket ;

eclipse下安裝Extjs的插件spket - xiehx163 - xiehx163的博客

 

2)Spket → JavaScript Profiles → New, 輸入“ExtJS”點擊OK;

eclipse下安裝Extjs的插件spket - xiehx163 - xiehx163的博客

3)選擇“ExtJS” 並點擊“Add Library”然後在下拉條中選取“ExtJS”;

eclipse下安裝Extjs的插件spket - xiehx163 - xiehx163的博客

4)選擇 “ExtJS”並點擊“Add File”,然後在你的./ext-2.x/source目錄中選取“ext.jsb” 文件;

 eclipse下安裝Extjs的插件spket - xiehx163 - xiehx163的博客

5)設置新的ExtJS Profile,選中並點擊“JavaScript Profiles” 對話框右手邊的“Defalut”按鈕;

eclipse下安裝Extjs的插件spket - xiehx163 - xiehx163的博客

下面這個操作,根據自己需要設置(可以全選)。

 eclipse下安裝Extjs的插件spket - xiehx163 - xiehx163的博客

把ext.jsb和ext-all.js以及ext-all-dubeg.js三個一起加上才行。

eclipse下安裝Extjs的插件spket - xiehx163 - xiehx163的博客

6)重啓eclipse或者Myeclipse;

7)創建新的JS文件並輸入: Ext這樣就可設置Ext Code代碼自動完成的功能。

效果如下:

eclipse下安裝Extjs的插件spket - xiehx163 - xiehx163的博客

 

 

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