原生 Eclipse 局限
Eclipse 默認語法着色僅支持 Java 基礎關鍵字，無法針對 ExtJS 等框架的特定 API（如 `Ext.define`、`Ext.create`、`Ext.getCmp`）進行語義級高亮。
推薦方案：Spket 插件
安裝步驟
- Help → Eclipse Marketplace
- 搜索 "Spket" → Install
- 重啟 Eclipse
配置 ExtJS 支持
- Window → Preferences → Spket → JavaScript Profiles
- New → 名稱 "ExtJS" → OK
- 選中 "ExtJS" → Add Library → "ExtJS" → 選擇 ExtJS SDK 目錄（包含 `ext-all.js`）
- Apply → OK
自定義關鍵字着色
- Window → Preferences → Spket → Editors → Syntax Coloring
- 在 "Keywords" 類別中添加自定義詞：`Ext.define`、`Ext.widget`、`this.callParent` 等
- 設置顏色、粗體等樣式
替代方案對比
| 方案 | 優點 | 缺點 |
|---|
| Spket | 專為 ExtJS 設計、支持 JSDoc 智能提示、可自定義高亮 | 更新緩慢、Eclipse 新版本兼容性需驗證 |
| WildWebDeveloper (Eclipse 內置) | 現代 JS/TS 支持好、Language Server Protocol | ExtJS 專項支持弱、需配置 .jsdoc |
| VS Code + ExtJS 插件 | 生態豐富、性能優、調試強 | 需遷移 IDE、團隊協作成本高 |
最佳實踐建議
- 新項目優先選 **VS Code/WebStorm**，配合 TypeScript 定義文件（`@types/extjs`）獲得最佳體驗
- 維護舊 Eclipse 項目時，Spket 仍是低成本改進選擇
- 項目中引入 JSDoc 註釋，提升任何編輯器的智能提示質量
