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