前言

這篇文章只要讓你做一些基礎(chǔ)的配置，把vscode變得更加順手；

插件的需求不是一成不變，比如在新版就已集成的就可以移除了。

必備插件

功能性

1. Auto Close Tag : 匹配標(biāo)簽，關(guān)閉對(duì)應(yīng)的標(biāo)簽。很實(shí)用【HTML/XML】

2. Auto Rename Tag : sublime和webstorm也有這個(gè)內(nèi)置功能，改變標(biāo)簽的時(shí)候同時(shí)改動(dòng)開閉合標(biāo)簽；【HTML/XML】

3. beautify : 良好的拓展性，可以格式化JSON|JS|HTML|CSS|SCSS,比內(nèi)置格式化好用

4. Code Runner : 代碼編譯運(yùn)行看結(jié)果，支持眾多語言

5. colorize : 會(huì)給顏色代碼增加一個(gè)當(dāng)前匹配代碼顏色的背景，非常好

6. Document This : JSDOC注解調(diào)用，值得易用

7. Git History : 不得不贊的插件，誰用誰知道，功能很贊

8. HTML CSS Support : 這個(gè)也是必備插件之一

9. Path Autocomplete : 路徑智能補(bǔ)全

10. Path Intellisense ： 路徑智能提示.

11. SCSS IntelliSense Preview : SCSS智能提醒，配置強(qiáng)大

12. Syncing: 這個(gè)同步插件要比官方市場(chǎng)那個(gè)最高下載量的要好，支持刪除同步?。?！

13. Version Lens : 可以及時(shí)看到package.json內(nèi)部版本的變動(dòng)，很實(shí)用

14. Output Colorizer : 可以終端日志輸出著色，實(shí)用

代碼片段插件

1. JavaScript (ES6) code snippets : ES6的代碼片段，實(shí)用

2. JavaScript Snippet Pack : ES5及以下的代碼片段，實(shí)用

語法校驗(yàn)

1. stylelint : 比內(nèi)置的要全，更智能

主題

1. Panda:用了相當(dāng)久的一套顏色高亮，個(gè)人感覺很耐看

2. Enki Theme (Material Design Inspired) : 當(dāng)前用的代碼高亮，個(gè)人感覺很贊

3. Material Icon Theme : 一套扁平化的文件圖標(biāo)，內(nèi)置的seti也很優(yōu)秀，還有simple icon 和vscode-icons

總結(jié)

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