作者|大衛·尼爾
譯者|譚梁楷
編輯|屠敏
出品| csdn (ID: csdnnews)
我很驚訝所有平臺和語言的開發者都在使用Visual Studio代碼。Stack Overflow發布的2019開發者調查結果顯示，VS代碼占優勢。我使用VS代碼的主要原因是它可以很好地支持JavaScript和Node.js代碼調試，並且可以免費使用Visual Studio Marketplace中提供的定制擴展組件。
但是，裏面有成千上萬的擴展組件！我們怎麽知道哪些是有用的？
壹種方法是通過查看平均評級和下載量來衡量擴展的受歡迎程度。另壹種方法是閱讀像這樣包含個人觀點的文章。我們來看看吧！
下面是我給Node.js開發者推薦的Visual Studio代碼擴展組件。
括號對彩色2
我寫代碼盡量簡潔，不嵌套太多東西。然而事與願違，有時候這是不可避免的。括號對彩色2為成對的括號提供了顏色高亮功能，方便我們直觀的看到對應的左右括號。
npm
npm擴展組件有兩個功能:在編輯器中運行webpack.json定義的npm腳本，驗證package.json中列出的包。
npm智能感知
當使用require()導入模塊代碼時，npm Intellisense組件將自動提示包。
埃斯林特
當初始化壹個新的Node.js項目文件時，我要做的第壹件事就是在終端上安裝ESLint。
ESLint組件會使用本地ESLint和配置規則來查找JavaScript代碼中常見的模式問題，從而減少bug，寫出更好的代碼。根據我們啟用的規則，ESLint還可以重新格式化代碼，使其更加壹致。請確保在VS代碼中設置了自動保存和修復功能(" eslint.autoFixOnSave": true)。
要初始化ESLint配置文件，我們可以在項目中運行以下命令:
水流。eslintr。js內容如下:
代碼拼寫檢查器
我不知道每個人，但當我發現我在代碼中拼錯了函數名、變量、註釋或其他任何內容時，我真的很惱火。如果整篇文章拼錯了，可以正常工作，但是拼錯了還是會讓人郁悶或者尷尬。
代碼拼寫檢查器組件的出現結束了拼寫錯誤的時代！這個組件的壹個很好的特點就是可以區分camelCase、PascalCase、snake_case等等。另壹個很大的特點是，它有西班牙語，法語，德語，俄語和其他語言的詞典。
自動關閉標簽(自動關閉標簽)
最新版本的VS代碼會自動為HTML或XML文件創建結束標記。對於其他文件類型，如JavaScript，Vue和JSX，自動關閉標簽將縮短我們的壹些輸入。
DotENV
用環境變量配置Node.js應用程序是很常見的。管理環境變量最流行的模塊之壹是dotenv。VS代碼的DotENV擴展組件，在編輯時增加了便捷的語法高亮功能。環境文件。
路徑智能感知
路徑智能感知組件增加了自動完成文件路徑和名稱的功能，減少手動輸入，減少路徑相關bug的引入。
MarkDownLint
優秀的代碼和文檔是相輔相成的。我喜歡用markdown格式寫自述文件或其他文檔。Markdownlint組件可以幫助我們確保markdown語法的正確性。
材料圖標主題
材質圖標主題組件為不同文件類型的VS代碼添加了各種圖標。這樣可以快速區分項目中的不同文件，在很大程度上節省時間！
其他權威VSCode擴展組件(適用於Node.js)
以下擴展組件不在10之列，但在某些場景下對Node.js開發者有用！
原文:/blog/2019/05/08/top-vs-code-extensions-for-nodes-developers
本文由CSDN翻譯，請註明出處。