Visual Studio Code 提供了強大的擴展生態系統，可顯著提高您的工作效率。以下是 20 個必備的 VS Code 擴充功能：
-
Prettier – 程式碼格式化程式✨
-
自動格式化您的程式碼以獲得一致的風格。
-
支援多種語言，包括 JavaScript、TypeScript、HTML 和 CSS。
2.ESLint 🔍
-
檢測並修復常見的程式碼錯誤。
-
在您的專案中強制執行編碼標準。
3.實時伺服器
-
提供 HTML、CSS 和 JavaScript 檔案的即時重新載入。
-
啟用即時瀏覽器預覽，以便更快地進行開發。
-
GitLens🔥
-
增強 VS Code 中的 Git 整合。
-
顯示詳細的提交歷史記錄和程式碼註釋。
5.原生括號對著色🎨
-
自 1.60 版本起內建於 VS Code。
-
透過在您的設定中設定
"editor.bracketPairColorization.enabled": true來啟用它。 -
提供與舊的 Bracket Pair Colorizer 擴充功能類似的功能，但整合度和效能有所提高。
6.自動重命名標籤🔄
-
自動重新命名已配對的 HTML、JSX 或 XML 標籤。
-
節省時間並減少編輯過程中的語法錯誤。
7.路徑智慧感知
-
為程式碼中的檔案路徑提供自動完成功能。
-
加快導入模組和資產的流程。
-
Thunder 用戶端
-
VS Code 內建的輕量級 REST API 用戶端。
-
無需離開編輯器即可進行快速 API 測試。
-
REST 用戶端⚡
-
允許您直接從 VS Code 發送 HTTP 請求。
-
支援環境變數和請求歷史記錄。
10.Material Icon主題🎨
-
透過視覺上吸引人的圖示增強文件導航。
-
可以更輕鬆地一眼辨識文件類型。
-
Tailwind CSS IntelliSense 🔥
-
為 Tailwind CSS 提供進階自動完成和工具提示。
-
在使用 Tailwind CSS 專案時提高工作效率。
-
Docker🐳
-
在 VS Code 中整合 Docker 功能。
-
無需離開編輯器即可管理容器和映像。
13.遠端 - SSH
-
在 SSH 伺服器上啟用遠端開發。
-
無縫地處理遠端專案，就像處理本地專案一樣。
14.程式碼執行者⚡
-
允許您快速執行各種語言的程式碼片段。
-
支援多種語言並改進快速原型設計。
15.設定同步🔄
-
在不同裝置之間同步您的 VS Code 設定。
-
無論您在哪裡工作，都可以輕鬆維護您的配置。
-
Chrome 除錯器🐞
-
方便直接在 Chrome 中除錯 JavaScript 程式碼。
-
簡化前端專案的除錯過程。
17.即時分享🤝
-
實現與其他開發人員的即時協作。
-
與同伴分享你的編碼會話以進行結對程式設計。
18.彩虹 CSV 🌈
-
為 CSV 檔案著色，以便於閱讀和編輯。
-
增強逗號分隔值中資料的可見度。
-
Markdown 合一
-
提供一套全面的Markdown編輯工具。
-
包括快捷方式、預覽和增強的語法支援。
-
npm Intellisense
-
在您的導入語句中提供 npm 模組的自動完成功能。
-
簡化管理包依賴關係的過程。
使用這些擴充功能增強您的 VS Code 體驗並觀察您的工作效率飆升！ 💥
跟我來
感謝您閱讀我的部落格。 🚀 你可以在GitHub上關注我，也可以在Twitter上與我聯繫
原文出處：https://dev.to/moibra/best-vs-code-extensions-to-boost-your-productivity-1n86
1) --- 會變成分隔線（上一行必須是空白）
2) # 會變成一級標題
3) ## 會變成二級標題
4) ### 會變成三級標題
5) **粗體文字**會顯示粗體文字
6) ```當第一行與最後一行會顯示程式碼
7) 請搜尋 Markdown 語法，了解各種格式