前言
這篇文章只要讓你做一些基礎的配置，把vscode變得更加順手；
外掛的需求不是一成不變，比如在新版就已整合的就可以移除了。
必備外掛
功能性
- Auto Close Tag : 匹配標籤，關閉對應的標籤。很實用【HTML/XML】
- Auto Rename Tag : sublime和webstorm也有這個內建功能，改變標籤的時候同時改動開閉合標籤；【HTML/XML】
- beautify : 良好的擴充性，可以格式化
JSON|JS|HTML|CSS|SCSS,比內建格式化好用 - Code Runner : 程式碼編譯執行看結果，支援眾多語言
- colorize : 會給顏色程式碼增加一個當前匹配程式碼顏色的背景，非常好
- Document This : JSDOC註解呼叫，值得易用
- Git History : 不得不讚的外掛，誰用誰知道，功能很贊
- HTML CSS Support : 這個也是必備外掛之一
- Path Autocomplete : 路徑智慧補全
- Path Intellisense ： 路徑智慧提示.
- SCSS IntelliSense Preview : SCSS智慧提醒，配置強大
- Syncing: 這個同步外掛要比官方市場那個最高下載量的要好，支援刪除同步！！！
- Version Lens : 可以及時看到
package.json內部版本的變動，很實用 - Output Colorizer : 可以終端日誌輸出著色，實用
程式碼片段外掛
- JavaScript (ES6) code snippets : ES6的程式碼片段，實用
- JavaScript Snippet Pack : ES5及以下的程式碼片段，實用
語法校驗
- stylelint : 比內建的要全，更智慧
主題
- Panda:用了相當久的一套顏色高亮，個人感覺很耐看
- Enki Theme (Material Design Inspired) : 當前用的程式碼高亮，個人感覺很贊
- Material Icon Theme : 一套扁平化的檔案圖示，內建的
seti也很優秀，還有simple icon和vscode-icons
總結
這次推薦的都是必備的，下一波是NG2+TS2推薦外掛