Eclipse/MyEclipse 中啟用 JavaScript 智能提示（內容助手）完整配置指南

現狀與目標

Eclipse 默認對 JavaScript 支持較弱，無代碼補全、語法高亮、錯誤標記。通過安裝 **Wild Web Developer**（原 Nodeclipse/Enide）或 **TypeScript/JavaScript Language Server** 可獲得 VS Code 級別的智能提示體驗。

方案一：Wild Web Developer（推薦，Eclipse 2020-06+ 內置）

1. Help → Eclipse Marketplace 搜索 Wild Web Developer 安裝（若已內置可跳過）。
2. 重啟 Eclipse。
3. Window → Preferences → Wild Web Developer → Validation：啟用 JavaScript、TypeScript、JSON 驗證。
4. 項目屬性 → JavaScript → Include Path：添加項目 JS 源碼目錄、node_modules（可選）。
5. 打開 .js 文件，按 Ctrl+Space 觸發內容助手，支持：

• 變量/函數/類補全
• JSDoc 類型推斷
• ES6+ 語法（箭頭函數、解構、模塊導入導出）
• npm 包類型定義（@types/*）自動識別

方案二：TypeScript/JavaScript Language Server (通用 LSP)

1. 安裝 npm install -g typescript-language-server typescript。
2. Eclipse 安裝 Language Server Protocol Support (Eclipse Marketplace)。
3. Preferences → Language Servers 添加：

   Command: typescript-language-server --stdio
   File Extensions: js,jsx,ts,tsx,json
   

4. 項目根目錄需有 package.json 或 tsconfig.json。

進階配置技巧

常見問題排查

• 補全不工作： 確認文件在 Source Folder 下、項目有 JavaScript Nature（右鍵項目 → Configure → Convert to JavaScript Project）。
• node_modules 索引卡頓： Exclude node_modules 或設置 jsconfig.json "exclude": ["node_modules"]。
• TypeScript 項目： 優先使用 TypeScript Language Server，Wild Web Developer 也內置 TS 支持。

版本建議

• Eclipse 2023-09+ 內置 Wild Web Developer 穩定性極佳，無需額外插件。
• 舊版本 (Photon/2019-03) 建議升級，舊版 JS 支持已停止維護。