Javascript程式設計師必須安裝幾個常用VS Code外掛 - klamser

括號對顏色器2
這是一個很好的擴充套件，可以幫助我找到解決JavaScript中複雜的巢狀承諾的方法。顧名思義，它會使括號對變色，這對我弄清楚我是否在某個地方弄亂（例如缺少括號）很有幫助。預設情況下，它與（），[]和{}等普通括號匹配，但是如果需要，您也可以定義自定義括號。它還具有許多其他很酷的功能，例如定義顏色或顯示活動括號的裝訂線。繼續嘗試一下。

資源
市場：連結
 

NPM智慧感知
如您在GIF中所看到的，它自動完成需要一個針對NPM軟體包的import語句。這可以提供很多幫助，尤其是當您的專案變得很大並且在package.json中包含很多依賴項時。我不想再錯過這個外掛了，強烈推薦！

資源
市場：連結
 

路徑智慧
這是NPM Intellisense的同級產品。它會執行相同的自動補全，但現在適用於您的檔案系統。維護者和他的兄弟姐妹一樣，我不想再錯過了！

資源
市場：連結
 

Quokka.js
如果您只是想嘗試一些東西而無需先設定專案，那麼此工具是一個很好的補充。透過實時檢查輸出，它會立即在JavaScript / TypeScript程式碼旁邊彈出輸出，如GIF所示。這是一個很好的擴充套件，特別是用於除錯目的。

資源
市場：連結
 

Docker
因為我經常使用NodeJS，所以我習慣了完全使用Docker來設定開發環境。在找到此擴充套件之前，我僅使用CLI。該擴充套件是處理多個Docker映像和容器的必備項，因為它使您可以快速概覽正在執行的容器，構建的映像以及建立的網路。如果您每天使用Docker，那麼我只能強調使用此擴充套件。

資源
市場：連結
 

實時伺服器
我仍然會不時使用靜態網站和香草JavaScript，因為這樣做，我不想安裝諸如webpack-dev-server之類的東西。此擴充套件透過為本地開發伺服器提供熱過載功能來幫助我解決此問題，這意味著它會在儲存對檔案所做的任何更改後立即重新整理頁面。它在狀態列中有一個漂亮的“上線”按鈕，使您只需單擊一下即可啟動伺服器。如果您還沒有的話，一定要簽出此副檔名。

資源
市場：連結
 

自動關閉標籤和自動重新命名標籤
這是VS Code的兩個小外掛，可透過自動重新命名和關閉標籤來幫助您維護HTML檔案。這也適用於React自己的JSX語法。如果您想節省一些時間，請嘗試一下。

源自動關閉標籤

源自動重新命名標籤
市場：自動關閉標籤和自動重新命名標籤

Markdown預覽增強
我用Markdown做很多事情。例如，在hashnode.com或dev.to上寫文章，為我的私人專案寫文件，或者透過在markdown中寫下筆記來組織自己。大多數時候，我都是使用VS Code來做的，在找到Markdown Preview增強版之前，我一直缺乏好的Markdown預覽工具。它不僅為您提供預覽，而且還具有同步滾動，PDF匯出和PlantUML的功能。我非常喜歡這個工具，可以向與Markdown經常合作的每個人高度推薦。

資源
市場：連結