你应该知道的前端编程利器 VS Code

阅读本文大概需要 6 分钟。

编辑器的选择一直是开发者们经久不衰的话题，各个语言都有很多编辑器可做选择，甚至有的编辑器可以通杀大部分的编程语言，而前端作为一门热门语言，编辑器的种类也是丰富多样的，今天我就给大家介绍下我用过的几款前端编辑器，以及最后我是如何做出选择的。

之前我在做嵌入式开发的之前，学习 C 语言的时候，就对编辑器的选择格外纠结，当时用过的编辑器有 BCC（这是很古老的命令行编辑器），DEV-C++（这个一般用于C++程序，算法竞赛的同学们用的比较多，界面说实话比较low），之后也用过很古老的 VC++ 6.0 （这个一般在大学学习计算机的同学都会用到的开发工具，由于VC6.0是1998年出的老产品，因此与新系统存在一定的兼容性问题，win7以上只有装插件才能支持），最好用的应该是 Visual Studio 系列的编辑器了，功能强大，界面炫酷，唯一的缺点的不轻量，打开速度在低配电脑上很慢。

现在在我转到前端之后，对前端的编辑器又是一顿折腾，最后终于选择了自己喜爱的编辑器，一直使用到现在。

我最开始使用的是 Sublime Text 3，我想大家最开始接触的应该都是这个编辑器吧，因为我在 C 语言的时候也用过，但是因为它只是个编辑器，不能编译代码，那个时候也不知道有什么插件，于是就放弃了。Sublime 基本支持目前所有的语言，而且非常轻量，启动非常快，就像记事本一样，因此不存在低配电脑吃力的行为，很多开发前端的开发人员在最开始写 html，css 代码的时候用的很多。

之后我又接触到了 webstorm，这货就比较牛逼了。作为 jetbrains 全家桶之一，webstorm 拥有 jetbrains 家族优良的基因，丰富的插件支持，强大的智能提示，语法高亮，自带版本控制功能等等，被广大前端开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaScript IDE”等。唯一的缺点就是内存占用过大，打开加载的很慢，在一些低配的电脑上运行有些吃力。

然后一次意外，我接触到了 VS Code 编辑器，立马就被它炫酷的外观惊艳到了，果然 Visual Studio 家的风格都一致。第一次使用没感觉和 Sublime 有什么区别，要实在说有吧，那就是配色，已经熟悉了 VS 的风格，所以第一感觉就是 VS 更舒服一点。

接着我去了解了下 VS Code（来自维基百科）：

VS Code 全称 Visual Studio Code，是微软在2015年4月30日Build 开发者大会上正式宣布的 Visual Studio Code 开源项目。它是一款同时支持Windows、Linux和macOS操作系统且开放源代码的文本编辑器，它支持调试，并内置了Git 版本控制功能，同时也具有开发环境功能，例如代码补全（类似于 IntelliSense）、代码片段和代码重构等，该编辑器支持用户自定义配置，例如改变主题颜色、键盘快捷方式等各种属性和参数，还在编辑器中内置了扩展程序管理的功能。

可以说基本要用到的功能都有了。既然是一款开源项目，那么它的关注量是多少呢？我在 Github 看到目前有 64012 个 star，足见其火热程度。

而且开源也让它拥有种类丰富的插件，而且还在源源不断的更新。而它插件的安装过程全部集中在编辑器里面，只需要输入插件名称，点击安装，重新加载之后就可以使用了，它的方便程度和 Sublime 比真的没说的。

然鹅，开发工具的选择是一个非常个人的事情，我喜欢的编辑器，你不一定喜欢，如何判断哪一款编辑器更适合自己呢？

第一，你对文本代码的编辑效率要求有多高，比如你经常使用快捷键，那么在选择编辑器的时候就要看是否能够自定义快捷方式，可设置的方式是否多样化。

第二，对编程语言的支持度如何，配置是否方便？你的英语水平有多高？有的编辑器的配置是全英文的，像 Sublime ，虽然菜单可以汉化，但是配置界面还是英文的，这就在我们设置的时候产生些许困然，如果你对这方面有要求，就需要注意了。

第三，插件的生态环境如何？一款编辑器的好坏，插件的丰富程度起了决定性因素，因为它对你的编程效率和编辑器的功能都起到了一个很好的补充作用。甚至可能是你对这款编辑器产生依赖的主要原因。所以在使用之前，先去看看这款编辑器的插件种类，社区的活跃程度，有的时候 Github 的 star 数量也是一个很好的指标，它反映了全球范围内对一件事情的关注度。

好了，通过上面几个问题，相信你已经做好了选择。没错（如果错了也没办法），上面所说的几个问题，VS Code 全部符合，这也是我选择它的原因。到这里，我今天要说的主题就说完了，从下一篇开始，每篇写一篇使用 VS Code 的心得体会，好用的插件等等，在提高编程效率的路上，我们绝不停息。

本公众号所有内容已整理到模板页面，请点击本页面下方的「阅读全文」获取所有内容！

推荐阅读：

下班后的时间精力生活管理办法（时间管理）

下班后的时间精力生活管理办法（精力管理）

念念不忘，必有回响

如果觉得不错，欢迎分享给身边的小伙伴们:)