eclipse下安裝Extjs的外掛程式spket

標籤：des   blog   http   java   使用   檔案   

最近項目要用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預設的編輯器)

 

 

二.安裝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破解版（目前最新版本）

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

其它，使用命令列方式。（注意：自己切換命令列到spket-1.6.16.jar所在目錄）

2.

 

 

 

至此，安裝完成。

 

二、配置Spket

 

注意：如果在安裝spket過程中，你的eclipse或者Myeclipse是開啟的，請重啟eclipse或者Myeclipse。以便初始化外掛程式，下面才會在Preferences中看到 Spket選項。

基本步驟如下：

1)Window → Preferences → Spket ；

 

2)Spket → JavaScript Profiles → New， 輸入“ExtJS”點擊OK；

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

4)選擇 “ExtJS”並點擊“Add File”，然後在你的./ext-2.x/source目錄中選取“ext.jsb” 檔案；

 

5)設定新的ExtJS Profile，選中並點擊“JavaScript Profiles” 對話方塊右手邊的“Defalut”按鈕；

下面這個操作，根據自己需要設定（可以全選）。

 

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

6)重啟eclipse或者Myeclipse；

7)建立新的JS檔案並輸入： Ext這樣就可設定Ext Code代碼自動完成的功能。

效果如下：

更多0

• 上一篇Eclipse中安裝Extjs外掛程式（Spket IDE）
• 下一篇如何讓MyEclipse的代碼提示功能和VS一樣強大