前言

這篇文章只要讓你做一些基礎的配置，把vscode變得更加順手；
外掛的需求不是一成不變，有些外掛我已經移除了。。在最新的VSCODE 1.9.1中，
部分以前用外掛實現的功能已經整合了，那就沒有必要存在了。這裡就不做推薦了複製程式碼

---

必備外掛

功能性

1. Auto Close Tag : 匹配標籤，關閉對應的標籤。很實用【HTML/XML】
2. Auto Rename Tag : sublime和webstorm也有這個內建功能，改變標籤的時候同時改動開閉合標籤；【HTML/XML】
3. beautify : 良好的擴充性，可以格式化JSON|JS|HTML|CSS|SCSS,比內建格式化好用
4. Code Runner : 程式碼編譯執行看結果，支援眾多語言
5. colorize : 會給顏色程式碼增加一個當前匹配程式碼顏色的背景，非常好
6. Document This : JSDOC註解呼叫，值得易用
7. Git History : 不得不讚的外掛，誰用誰知道，功能很贊
8. HTML CSS Support : 這個也是必備外掛之一
9. Path Autocomplete : 路徑智慧補全
10. Path Intellisense ： 路徑智慧提示.
11. SCSS IntelliSense Preview : SCSS智慧提醒，配置強大
12. Syncing: 這個同步外掛要比官方市場那個最高下載量的要好，支援刪除同步！！！
13. Version Lens : 可以及時看到package.json內部版本的變動，很實用
14. Output Colorizer : 可以終端日誌輸出著色，實用

程式碼片段外掛

1. JavaScript (ES6) code snippets : ES6的程式碼片段，實用
2. JavaScript Snippet Pack : ES5及以下的程式碼片段，實用

語法校驗

1. stylelint : 比內建的要全，更智慧

主題

1. Panda:用了相當久的一套顏色高亮，個人感覺很耐看
2. Enki Theme (Material Design Inspired) : 當前用的程式碼高亮，個人感覺很贊
3. Material Icon Theme : 一套扁平化的檔案圖示，內建的seti也很優秀，還有simple icon 和vscode-icons

---

總結

這次推薦的都是必備的，下一波是NG2+TS2推薦外掛