Visual Studio Code 延伸模組推薦

作者：吳祐賓

Visual Studio Code 是開發 Web 前後端很好用的文字編輯器，搭配上許多好用的延伸模組，可以節省很多輸入程式碼的時間。以下是我目前整理後還在使用的延伸模組：

1. Prettier

Prettier 是一個程式碼格式化工具，支援多種語言，確保你的程式碼風格一致，提升可讀性。

2. Todo Highlight

Todo Highlight 用於在程式碼中突顯顯示 TODO、FIXME 等註解，幫助你快速定位和處理待辦事項。

3. Chinese (Traditional) Language Pack for Visual Studio Code

Chinese (Traditional) Language Pack 將 Visual Studio Code 介面繁體中文化，提供更友善的使用體驗。

4. Auto Close Tag

Auto Close Tag 在輸入 HTML/XML 標籤時自動閉合標籤，提高撰寫效率，減少錯誤。

5. Auto Import

Auto Import 自動導入所需的模組或類別，減少手動引入的繁瑣步驟。

6. Auto Rename Tag

Auto Rename Tag 在修改 HTML/XML 標籤名稱時，自動修改對應的閉合標籤，保持標籤一致性。

7. ErrorLens

ErrorLens 透過直白的方式展示程式碼中的錯誤和警告，提高程式碼品質和可讀性。

8. ES6 String HTML

ES6 String HTML 提供對 ES6 模板字串中 HTML 的高亮和語法支援。

9. ES6 String JSX

ES6 String JSX 類似於 ES6 String HTML，但專注於 JSX 語法的高亮和支援。

10. Path Intellisense

Path Intellisense 自動提示檔案路徑，減少手動輸入和查找檔案的時間。

11. Debugger for Firefox

Debugger for Firefox 用於在 Visual Studio Code 中偵錯 Firefox 瀏覽器中的 JavaScript 程式碼。

12. ESLint

ESLint 整合 ESLint，用於靜態程式碼分析和檢測 JavaScript/TypeScript 程式碼中的潛在問題。

希望這些延伸模組能夠提升你在 Visual Studio Code 中的開發體驗！和你分享。

See also

文首圖片來源：攝影師：Karolina Grabowska: https://www.pexels.com/zh-tw/photo/usb-5882581/