精選高頻 VS Code插件，讓你多陪陪npy！

觀感度：🌟🌟🌟🌟🌟

口味：菲力牛排

烹飪時間：5min

本文已收錄在前端食堂同名倉庫Github github.com/Geekhyt，歡迎光臨食堂，若是以爲酒菜還算可口，賞個 Star 對食堂老闆來講是莫大的鼓勵。

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 中以圖形化方式展現你的編程時間，讓你更清晰的掌握你的時間都去哪了。

❤️愛心三連擊

1.若是你以爲食堂酒菜還合胃口，就點個贊支持下吧，你的贊是我最大的動力。

2.關注公衆號前端食堂，吃好每一頓飯！

3.點贊、評論、轉發 === 催更！