点击上方蓝字关注“小郑搞码事”，每天都能学到知识，搞懂一个问题！

随着前端项目变的越来越大， 前端工程的开发也变的越来越复杂。所以，你使用什么样的编辑器直接决定你的开发效率是什么样的。

那么，什么是高效的代码编辑器呢？我认为好的高效的编辑器应该具备几下几个能力。

1. 代码格式化（Format能力）– 避免我们花费时间去调整不规范的的格式。

2. 代码模板能力 – 避免我们手动输入重复代码或注释而花费大量的时间。

3. 自动检测错误能力 – 无需多说了。

4. 编辑快捷键能力 – 快捷键越全越好。

5. 自动Debug能力 – 有当然再好不过。

6. Git或Svn版本控制插件能力 – 这个功能功能开发可以根据需求自行选择，关于Git或者Svn相关工具请参考我上一篇阐述：。

很多情况下编辑器其实无法满足上面所有功能，那就要根据我们自己的核心需求进行选择了。接下来，为了在项目开发过程中避免不必要的时间消耗。给大家推荐几款比较好的代码编辑器，同时做一个简单的对比。

一、sublime

这个下载后需要激活成功教程，网上激活成功教程的方法有很多，最新版可以使用注册码，老的版本也可以使用一些激活成功教程工具（如：WinHexGreen）。

它的优势：较轻量级，插件齐全的开发工具，扩展插件工具覆盖非常全面。

它的不足：没有自带debug和断点功能。

二、webstorm

下载地址：http://www.jetbrains.com/webstorm/

它的优势：集成较全面的开发工具，也可以选择扩展，可使用命令行或者断点。

它的不足：相对较重量级。

三、vscode

下载地址：https://code.visualstudio.com/

它的优势：较轻量级，关联断点调试非常方便，也可以扩展。

它的不足：相对完整性稍弱。

四、vim

它的优势：Linux下可选 的高效工具。

它的不足：入门相对难，没有较多前端对应的高效辅助插件。

总结一下：

建议在写代码之前，一定要根据上面这些标准去完善一下工具，好的开发工具不仅可以提高我们的开发速度，还能辅助我们写出高质量的代码。