Eclipse Spket 插件安裝與 ExtJS 代碼提示配置全攻略

Spket 簡介

Spket 是支援 ExtJS 開發最強的 Eclipse 插件/IDE，基於 .jsb 項目文件解析繼承關係、文檔註釋，提供精準代碼補全。

安裝方式一：圖形化安裝器

1. 下載 spket-1.6.11.jar（免費版）
2. 命令行運行：java -jar spket-1.6.11.jar
3. 向導選擇 Eclipse Plugin → 瀏覽選擇 Eclipse 安裝目錄（如 E:\eclipse）
4. 安裝目錄默認 C:\spket 可不改，完成安裝
5. 重啟 Eclipse，Window → Preferences 出現 Spket 即成功

安裝方式二：手動配置（安裝器失效時）

1. 安裝器生成的 C:\spket 下有 features/、plugins/
2. 在 Eclipse 安裝目錄建 links/ 文件夾（無則新建）
3. 創建 spket.link 文件，內容：
   path=C:\\spket（雙反斜杠，或正斜杠 path=C:/spket）
4. 重啟 Eclipse 生效

關鍵：目錄結構必須為 spket/eclipse/(features|plugins)，否則識別失敗。

ExtJS 代碼提示配置（核心步驟）

1. 解壓 ExtJS SDK，記住 ext.jsb 路徑（Ext 2.x 在 source/，Ext 3+ 在根目錄 ext.jsb2）
2. Window → Preferences → Spket → JavaScript Profiles
3. 點 New → 名稱 ExtJS → OK
4. 選中 ExtJS → Add Library → 選 ExtJS → OK
5. 選中 ExtJS → Add File → 選擇 ext.jsb 文件
6. 關鍵：依次勾選彈出列表中的所有項目（從上到下），不要漏選
7. 回到 JavaScript Profiles → 選中 ExtJS → 點右側 Default 設為默認
8. 重啟 Eclipse

常見坑點

• ❌ **單獨複製 ext.jsb 到別處再 Add File** → 提示失效（需完整 SDK 目錄結構解析相對路徑）
• ✅ **直接指向 SDK 內原始 ext.jsb**
• 編輯 JS 文件時，**右鍵 → Open With → Spket JavaScript Editor** 才有提示

驗證效果

新建 test.js，輸入 Ext. 即可看到完整類/方法/配置參數提示，含繼承鏈、文檔註釋。

總結

Spket + ExtJS 配置核心在於：**完整 SDK 目錄 + 正確指向原始 jsb + 全選庫項目 + 設為 Default + 專用編輯器打開**。避開「單獨複製 jsb」大坑，即可享受極致代碼補全體驗。