Bracket Pair Colorizer 2
幫助我搞清楚 JavaScript 中復雜的嵌套 promise叠荠。顧名思義穗酥，它可以讓方括號對變色球订，幫我弄清楚是否在某個地方搞糊涂了（例如缺少方括號）。它默認匹配 ()洼裤、[] 和{}等普通括號，但如果需要你也可以定義自定義括號溪王。
它還有其他許多很酷的功能腮鞍，例如定義顏色或為活動括號顯示裝訂線之類。值得嘗試一波莹菱。
項目地址
https://github.com/CoenraadS/Bracket-Pair-Colorizer-2
Marketplace
https://marketplace.visualstudio.com/items?itemName=CoenraadS.bracket-pair-colorizer-2
NPM Intellisense
如動圖所示移国，它能自動完成以 NPM 包為目標的 require import 語句。這可以提供很多幫助道伟，尤其是當你的項目變得很大迹缀，并且在 package.json 中包含很多依賴項時。
項目地址
https://github.com/ChristianKohler/NpmIntellisense
Marketplace
https://marketplace.visualstudio.com/items?itemName=christian-kohler.npm-intellisense
Path Intellisense
這是 NPM Intellisense 的姐妹插件皱卓。它會執(zhí)行相同的自動補全裹芝，不過針對的是你的文件系統(tǒng)部逮。
項目地址
https://github.com/ChristianKohler/PathIntellisense
Marketplace
https://marketplace.visualstudio.com/items?itemName=christian-kohler.path-intellisense
Quokka.js
如果你只是想嘗試一些東西娜汁，不想費勁先設置項目，那么這款工具就是一個很好的輔助兄朋。通過實時檢查輸出掐禁，它會立即將輸出顯示在 JavaScript/TypeScript 代碼旁邊，如動圖所示颅和。這是一個很好的擴展傅事，特別適合調(diào)試目的。
項目地址
https://quokkajs.com/
Marketplace
https://marketplace.visualstudio.com/items?itemName=WallabyJs.quokka-vscode
Docker
這個擴展是處理多個 Docker 映像和容器的必備峡扩，因為你可以用它快速瀏覽正在運行哪些容器蹭越、構(gòu)建哪些映像以及創(chuàng)建哪些網(wǎng)絡。
項目地址
https://github.com/microsoft/vscode-docker
Marketplace
https://marketplace.visualstudio.com/items?itemName=ms-azuretools.vscode-docker
Live Server
這個擴展為本地開發(fā)服務器提供了熱重載功能教届，也就是說它會在保存對文件所做的任何更改后立即刷新頁面响鹃。它在狀態(tài)欄中有一個漂亮的“Go Live”按鈕，你只需單擊一下即可啟動服務器案训。
項目地址
https://github.com/ritwickdey/vscode-live-server
Marketplace
https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer
Auto Close Tag 和 Auto Rename Tag
它們是 VS Code 的兩個小插件买置，可通過自動重命名和關閉標簽來幫助你維護 HTML 文件。這也適用于 React 自己的 JSX 語法强霎。
Auto Close Tag
https://github.com/formulahendry/vscode-auto-close-tag/https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-close-tag
Auto Rename Tag
https://github.com/formulahendry/vscode-auto-rename-tag/https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-rename-tag
Markdown Preview Enhanced
Markdown 預覽工具忿项。它不僅為你提供預覽，而且還有同步滾動、PDF 導出和 PlantUML 的功能轩触。
項目地址
https://github.com/shd101wyy/vscode-markdown-preview-enhanced
Marketplace
https://marketplace.visualstudio.com/items?itemName=shd101wyy.markdown-preview-enhanced
