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

原创 2017年02月17日 14:03:28

前言

这篇文章只要让你做一些基础的配置,把vscode变得更加顺手;
插件的需求不是一成不变,有些插件我已经移除了。。在最新的VSCODE 1.9.1中,
部分以前用插件实现的功能已经集成了,那就没有必要存在了。这里就不做推荐了

必备插件

功能性

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

版权声明:版权所有:CRPER(若需转载请保留著作权);:掘金|Github:CRPER;

VsCode插件整理

1.VsCode官方插件地址: http://code.visualstudio.com/docs 2.使用方法,可以在官网中搜索需要的插件或者在VsCode的“”扩展“”中搜索需要的插件 ...
  • u011127019
  • u011127019
  • 2016年11月14日 15:12
  • 97479

vscode编辑器插件总结

之前一直用webstorm,webstorm确实太重了,后来无意中发现了vscode。高颜值吸引了我哈哈哈…就一直用着...
  • luyu13141314
  • luyu13141314
  • 2017年04月19日 12:26
  • 6594

精选!15个必备的VSCode插件

Visual Studio Code 是由微软开发的一款免费、跨平台的文本编辑器。由于其卓越的性能和丰富的功能,它很快就受到了大家的喜爱。 就像大多数 IDE 一样,VSCode 也有一个扩展和主题...
  • qq_38906523
  • qq_38906523
  • 2017年08月16日 21:17
  • 7293

VSCODE常用插件记录—不定期更新

常用必备: 1. vscode-icon 让 vscode 资源树目录加上图标,必备良品! 2. Path Intellisense 自动路劲补全,默认不带这个功能的...
  • young_Emily
  • young_Emily
  • 2017年11月22日 10:29
  • 795

vscode几个常用插件推荐[补充]

概述vscode是一个不错的开源IDE,可以完全替代sublime,又是跨平台,使用起来还比较方便.使用一段时间后,我觉得有些插件,值得推荐一下.我这里的开发环境是win10下vscode+node....
  • zdhsoft
  • zdhsoft
  • 2017年04月17日 11:59
  • 15499

vscode插件合集

  • 2017年04月10日 22:49
  • 54.72MB
  • 下载

VSCODE编辑器常用插件推荐

VSCODE编辑器常用插件推荐
  • Che_rish
  • Che_rish
  • 2017年12月25日 15:09
  • 270

VScode炫酷敲代码插件power mode配置教程

vscode作为一款新兴代码编辑器,和atom一样, 也有一款敲代码有暴击炫酷效果的类似插件,看效果图 插件名称:power mode 在vscode的插件商店找到该...
  • xi_ren
  • xi_ren
  • 2017年12月09日 21:35
  • 446

你可能不知道的提高react编写效率5倍的vscode插件- React/Redux/react-router Snippets

开发 react 最赞的 工具当然属  vscode了, 下载了 vscode第一件事儿是 搜索 react相关的插件, 其中一个插件是  编写 react 代码块的插件: React/Redux/r...
  • yangbingbinga
  • yangbingbinga
  • 2017年12月11日 21:20
  • 189

vscode插件Project Manager

开发项目时,需要切换项目。以前的方式1.在工具栏中点击文件,打开,选择本地项目的目录 2.如果有最近打开的项目,点击打开最近的文件 这两种方式对于需要经常切换项目时,比较耗时为解决这个问题,vscod...
  • ktutu
  • ktutu
  • 2017年12月08日 11:32
  • 225
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:VS Code折腾记 - (4) 常用必备插件推荐【前端】
举报原因:
原因补充:

(最多只允许输入30个字)