Eclipse 編輯 CSS 檔案無自動補全：解決方案與替代工具推薦

問題現象

在 Eclipse 中編輯獨立 .css 檔案時，預設不支援自動內容助手；需手動按 Alt+/ 觸發，且 Web → CSS Files → Editor → Content Assist 設定頁面缺少觸發字元選項。

原因分析

• Eclipse WTP (Web Tools Platform) 早期版本僅在 JSP/HTML 內嵌 <style> 區塊啟用 CSS 補全。
• 獨立 CSS 編輯器的內容助手功能長期未完善，社群反饋多年未獲根本修復。

解決方案

1. 安裝 Wild Web Developer (推薦)
   Help → Eclipse Marketplace → 搜尋 "Wild Web Developer" → Install
   提供現代化 CSS/LESS/SCSS 補全、驗證、格式化，基於 Language Server Protocol，支援 VS Code 同級體驗。
2. 使用外部編輯器
   專案右鍵 Open With → System Editor 或關聯 VS Code / WebStorm，享受完整智能提示。
3. 舊版變通法
   將 CSS 內容暫時寫在 JSP/HTML <style> 區塊編輯完畢再複製回 .css 檔（不推薦長期使用）。

參考資源

• Wild Web Developer 官方：GitHub Repo
• Eclipse CSS Editor 傳統設定教學：CSDN 文章

結語

Eclipse 內建 CSS 編輯器自動補全缺陷屬歷史遺留問題，安裝 Wild Web Developer 即可獲得現代化開發體驗，或直接改用 VS Code 等專注前端的編輯器。