14個VSCode高頻插件（推薦）

相關推薦：《vscode基礎使用教程》

1.TODO Highlight

高亮顯示你的 TODO、FIXME，支持自定義關鍵字和外觀，可以起到良好的提示作用。

2.Vetur + Prettier + ESLint

解決沖突后配合使用完美格式化代碼，能交給機器做的一定要學會偷懶。

3.Highlight Matching Tag

實時高亮匹配標簽，不用在 HTML 中眼花繚亂的找標簽了

4.javascript console utils

快速生成 console.log() ，調試利器，媽媽再也不用擔心你的指關節。

5.Code Runner

一鍵運行代碼，支持很多語言。

6.Comment Translate

插件使用 Google Translate API 翻譯注釋，功能強大，在看開源項目源代碼的時候很有用(英文好的話請忽略)。

7.Image preview

圖片預覽，可以在代碼行號左側槽位(或hover時)預覽圖片。

8.Version Lens

顯示包版本信息，在 package.json 中顯示包最新版本等信息。

9.vscode-pigments

實時顯示css, sass, jsx中的顏色。

10.Auto Close Tag

自動補全標簽。

11.Auto Rename Tag

同步修改標簽。

12.Bracket Pair Colorizer

不同顏色高亮顯示匹配的括號。

13.Code Spell Checker

單詞拼寫檢查。

14.WakaTime

編程時間記錄工具，在它的官網 Dashboard 中以圖形化方式展示你的編程時間，讓你更清晰的掌握你的時間都去哪了。

更多編程相關知識，請訪問：編程學習課程！！