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。具体的配置和使用方法可以看看这里。