VS Code折腾记 - (4) 常用必备插件推荐【前端】

17,797 阅读1分钟

前言

这篇文章只要让你做一些基础的配置,把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 iconvscode-icons

总结

这次推荐的都是必备的,下一波是NG2+TS2推荐插件