基礎必備插件
1、View In Browser
在瀏覽器里預覽網頁必備。
2、vscode-icons
改變編輯器里面的文件圖標，個人比較稀飯這個。其他的這里就不說了。
3、Bracket Pair Colorizer
給嵌套的各種括號加上不同的顏色。
4、Highlight Matching Tag
高亮對應的 HTML 標簽 以及 標識出對應的各種括號。
5、Auto Rename Tag
自動修改匹配的 HTML 標簽。
6、Path Intellisense
智能路徑提示，可以在你輸入文件路徑時智能提示。
7、Markdown Preview
實時預覽 markdown。
8、stylelint
CSS / SCSS / Less 語法檢查
進價必備插件
9、Live Server
我以前使用 Live Server 都是 n p mNode 包管理器 下載的，而且使用的時候需要在控制台手動敲啟動代碼。還好 VSCode 有了相應的插件，現在只需要鼠標點幾下就行了。
這個插件基本功能是預覽網頁，但它的特點是：會將網頁在本地服務器上預覽，最重要的是代碼保存之后，瀏覽器自動刷新，有多方便不用我說了吧？
使用方法：
在 HTML 文件上右鍵
打開 HTML 文件，點擊編輯器右下角 Go Live 按鈕
10、Prettier
格式化插件。有的人可能會推薦 Beautify。我原來也是一直用這個，后來發現這個並不能格式化 React 的代碼。所以果斷換成 Prettier。
11、carbon-now-sh
將代碼分享為圖片（圖片的格式可以為 png 和 svg），最最最重要的是： 圖片逼格敲高 ↓↓↓
之所以將代碼分享為圖片，是因為如果直接分享代碼，在有些地方代碼格式可能會亂。
比如：你在評論區和別人交流代碼，結果那個評論區做的很垃圾，粘貼上去的代碼格式會很亂，有的代碼甚至被解析了？所以是不是有必要將代碼分享為圖片呢？
13、Turbo Console Log
快捷添加 console.log，一鍵 注釋 / 啟用 / 刪除 所有 console.log。
簡直好用到犯規！
簡單說下這個插件要用到的快捷鍵:
ctrl + alt + l 選中變量之后，使用這個快捷鍵生成 console.log
alt + shift + c 注釋所有 console.log
alt + shift + u 啟用所有 console.log
alt + shift + d 刪除所有 console.log
16、css-auto-prefix
自動添加 CSS 私有前綴。
18、CSS Peek
定位 CSS 類名。
19、vscode-json
處理 JSON 文件，用法看圖：
25、TODO Highlight
高亮 TODO，FIXME、還可以自己配置要高亮的關鍵字。
我猜小伙伴們在跑代碼時一定和我一樣，經常打一些 TODO 標記吧？
所以，這個插件很適合你！
28、px to rem
像素轉 rem。