VSCode亲测好用的插件推荐

笔者做为前端开发，使用过各类编辑器，经历过sublime，Atom，WebStorm的种种试用淘宝的过程，直到遇到微软的VSCode，才有一种终于遇到对的人的感受。做为一款开源的轻量级编辑器，它具备简洁的GUI，高可扩展性，易于调试等诸多优势，尤为是它丰富的插件，可让咱们在开发过程当中事半功倍，因此，今天想从整个开发过程的角度，推荐一下平时我亲测以为很好用的插件。

One Dark Theme

第一个首先推荐主题，开发自己是一个枯燥乏味的过程，有时候会迷茫和奔溃，一个好看的UI主题，会给你一个好的心情，暗色系的背景色和搭配合理的代码分色，也会减少你眼睛的压力，不至于去盯着屏幕看清每一行代码。

主题这种东西见仁见智，根据本身的喜欢进行选择就好，One Dark Theme是我平时用的主题，它是Atom上标志性的主题，因此在VSCode时也沿用了过来，它采用暖色系，不具备进攻性，给个人感受是容易让人的心情平和下来，做为2017年最佳主题，它绝对是一款符合大众化口味的插件。

ESLint

JavaScript做为一种弱类型的解释性语言，没有编译的过程，也就意味着编辑器和浏览器会最大程度的容忍你的垃圾代码，可是做为一个有追求的开发者，仍是须要对本身的代码质量有所要求。借助 ESLint，可将静态代码分析和问题代码协助修复集成到编码、提交和打包过程当中，及早发现并协助修复代码中语法错误和不符合约定准则等状况。

Path Intellisense

写代码以前常常要import其余页面文件和本地静态资源，经过安装Path Intellisense，能让文件路径自动补全，在你用任何方式引入文件系统中的路径时提供智能提示和自动完成。

Color Highlight

顾名思义，能够直接清晰等在代码中直接展现对应颜色值的色彩，对于我这种自带设计属性的前端开发是一大利器。

Bracket Pair Colorizer

又一款用颜色拯救眼睛的插件。代码中嵌套过多时，就不容易鉴别方法块的边界，利用这个扩展能够识别代码中的各类括号，而且标记上不一样的颜色，方便你扫视到匹配的括号，在括号使用很是多的状况下能环节眼部压力。

Code Runner

开发人员常常会遇到一些方法记不清楚的状况，多是不记得参数，多是输出数据格式，因此偶尔须要在Chrome的控制台上运行一些简单的demo，可是在颜色区分、代码缩进、变量重复等问题上有诸多不便，因此彻底能够在VSCode上编辑demo，利用Code Runner直接运行。

Code Runner内置控制台，支持运行各类类型的代码，且能够经过选中来运行局部代码。

Debugger for Chrome

运行完代码，可能有一堆的error和warning，在前端开发中，可能就须要Chrome配合debug了，而VSCode就自带了一款插件，能够直接在IDE上着手debug。具体的配置和使用方法能够看看这里。