1、Auto Rename Tag?——自動重命名成對的HTML標記。假如你創建了一個<p>標記。現在你想更改它。有了這個軟件，你只需要更改一個就行，另一個會自動修改。從理論上來說，使用這個軟件可以把你的工作效率提升一倍。

2、HTML CSS Support?——HTML文檔的CSS支持工具。該工具在獲得一些簡潔的語法高亮顯示和代碼建議方面非常有用。

3、HTML Snippets?——這一工具在代碼分段方面非常有用，可以為你節省大量的時間。它能跟Emmet配對，這樣一來你甚至都不用再真正鍵入HTML了。

4、Babel ES6/ES7?——JavaScript Babel的輔助工具。如果你用的是Babel，這個工具可以讓你更容易區分代碼。如果你喜歡JavaScript，那務必也不要錯過這款軟件。

5、Bracket Pair Colorizer?——色彩可視化工具。如果你沒有準確地括號，那這個工具對于發現因此導致的許多常見漏洞十分方便。

6、ESLint?——你在編寫代碼的時候，利用這個軟件可以輕易獲取有關漏洞的提示，而且在編碼過程中，它還可以幫助你養成良好的編碼習慣。

7、Guides?——這一工具可以被用來添加額外的指導行代碼。這是另一個視覺提示，以確保你正確地括號了。

8、JavaScript Console Utils?——使控制臺日志記錄變得更為簡單可行。如果你像大多數開發人員一樣，你會發現自己需要在調試流中登錄到控制臺（我知道我們應該使用調試器）。這個實用的程序使得創建有用的console.log()語句變得易如反掌。

9、Code Spell Checker?——這一工具正如其名，是拼寫檢查程序。漏洞的的另一個常見來源是變量或函數名。這一拼寫檢查工具可以查找不常見的單詞，而且還可以把我們用JavaScript編寫的東西進行有效的審核。

10、Git Lens?——可以讓我們對某文件何時、以及由何人進行更改變得一目了然。當代碼被破壞時，我們就能找到該負責任的人，而不是讓你當替罪羊了。

11、Path Intellisense?——文件路徑自動完成程序。這樣一來從其他文件中導入重要的東西就非常方便了。這一工具使文件導航變得輕而易舉。

Prettier?——自動代碼格式化程序。忘掉那些你不得不手動縮進代碼的日子吧，有了這個工具，事情就變得簡單多啦。這個程序會比你自己做得更快更好。對這個程序我是鼎力推薦的。

12、VSCode-Icons?——將圖標添加到文件譜中。如果文件結構非常不科學，你的眼睛想罷工的話，這個程序可能會有所幫助。它對于你正在制作的任何文件都能提供有用的圖標輔助，能使你更為輕易地區分看到的內容。

總結

以上是生活随笔為你收集整理的推荐VSCode12个比较实用的插件的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。