VS Code折騰記 - (4) 經常使用必備插件推薦【前端】

前言

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

插件的需求不是一成不變，好比在新版就已集成的就能夠移除了。

必備插件

功能性

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推薦插件