1.TODO Highlight
高亮顯示你的 TODO、FIXME，支持自定義關鍵字和外觀，能夠起到良好的提示做用。javascript
2.Vetur + Prettier + ESLint
解決衝突後配合使用完美格式化代碼，能交給機器作的必定要學會偷懶。css
3.Highlight Matching Tag
實時高亮匹配標籤，不用在 HTML 中眼花繚亂的找標籤了。前端
4.javascript console utils
快速生成 console.log() ，調試利器，媽媽不再用擔憂你的指關節。java
5.Code Runner
一鍵運行代碼，支持不少語言。web
6.Comment Translate
插件使用 Google Translate API 翻譯註釋，功能強大，在看開源項目源代碼的時候頗有用(英文好的話請忽略)。編程
7.Image preview
圖片預覽，能夠在代碼行號左側槽位(或hover時)預覽圖片。json
8.Version Lens
顯示包版本信息，在 package.json 中顯示包最新版本等信息。sass
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 中以圖形化方式展現你的編程時間，讓你更清晰的掌握你的時間都去哪了。
最後
關注公衆號【前端宇宙】,每日獲取好文推薦 添加微信,入羣交流
本文分享自微信公衆號 - 前端宇宙（gh_8184da923ced）。
若有侵權，請聯繫 support@oschina.cn 刪除。
本文參與「OSC源創計劃」，歡迎正在閱讀的你也加入，一塊兒分享。