![VS Code折腾记 - (4) 常用必备插件推荐【前端】 VS Code折腾记 - (4) 常用必备插件推荐【前端】](https://image.shishitao.com:8440/aHR0cHM6Ly9ia3FzaW1nLmlrYWZhbi5jb20vdXBsb2FkL2NoYXRncHQtcy5wbmc%2FIQ%3D%3D.png?!?w=700&webp=1)
前言
这篇文章只要让你做一些基础的配置,把vscode变得更加顺手;
插件的需求不是一成不变,有些插件我已经移除了。。在最新的VSCODE 1.9.1中,
部分以前用插件实现的功能已经集成了,那就没有必要存在了。这里就不做推荐了
必备插件
功能性
- 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推荐插件