前言后端程序员们经常争论“什么是最好的语言”，但对前端来说别无选择。 不管爱与恨，我们只能选择JavaScript。 因此，前端的日常争议是“什么是最好的框架”和“什么是最好的编辑器”。
工作要做好事，一定要先利其器。 对前端来说，编辑器是除chrome浏览器之外每天打开最多的软件。 选择功能强大、触手可及的工具，可以提高开发效率，取得更多成果。
这五个编辑器分别如下：
atom :基于electron开发、CoffeeScript实现的来自github的编辑器。
brackets:adobe编辑器，继承了adobe的优秀传统，具有实时预览和许多易于使用的插件。
Hbuilder :基于国产优秀的IDE、eclipse，可以轻松生成完整的码提示，以及hybrid APP。
SublimeText3:一个编辑器，用于非常多前端，重量轻、启动速度快、插件丰富。
VS Code :微软编辑器，称为“披编辑器外衣的IDE”
Atom是默认的深色背景，所有样式都是在CSS中设置的，这对于修改主题很有用。 另外，可以下载的主题也很丰富。 可以非常自由地组合子窗口，就像自由可怕。 所有Atom插件都是基于JS开发的，截至2016年9月5日，Atom有4819种插件。 所以你几乎可以在Atom上找到所有你需要的插件。 插件开发是基于JS的，但实际上Atom的整个编辑器都是基于JS的。 推荐由Atom独占的帅气插件。 activate-power-mode用起来就像战斗程序员。 周围好像有很多朋友因为这个插件而安装了自动取款机。
您可以选择sublime的智能外观、各种主题和配色方案，并在配置文件中定义各种外观详细信息。 有7种layout方式，日常也很充分。 SublimeText插件是基于python开发的，这对前端不太友好。 因此，SublimeText只有3766种插件，在数量上可能不如后来者Atom。 但是，由于用户很多，同时又出名很久了，所以新的知名插件几乎都有SublimeText的版本。 (但是，你看，activate-power-mode上没有)所以我说SublimeText插件的生态依然健康。
默认情况下，Brackets有两个主题，您可以通过安装theme软件包来扩展新主题。 专业测量金砖四国
kets的插件商店并不是很好用，安装插件可以通过网页的插件商店查找安装包.zip的链接，然后通过链接安装。布局方面只支持左右或者上下两种方式。但是编辑器有一个很逆天的自带功能（虽然其他编辑器也可以通过插件实现），可以一键打开一个浏览器窗口，同步预览在编辑的网页渲染效果，HTML和CSS的修改可以页面无刷新的即时显示。另外一个逆天的功能是，直接在HTML代码的位置修改CSS，还可以直接在CSS代码段中选择编辑颜色。编辑器不集成nodejs调试，亲测node-debug插件也不是很好用。Brackets的插件需要科学上网才能安装，官方的插件商店有1246款插件。（这个数量包含主题包，代码片等）并不是很丰富，不过代码格式化，less编译，git同步等常用的插件还是有的。Brackets插件同样是基于js开发，但是插件开发相关的文档教程比较少。
Hbuilder类似eclipse的界面，功能也是大而全。主打“绿柔”主题，为了宣传也是很拼。有很丰富的配置选项，这也是Hbuilder作为一个IDE和其他几个编辑器很大的区别。同时支持边看边改模式Hbuilder最强大的是可以很方便做移动端开发，甚至直接打包hybrid应用。Hbuilder是基于eclipse开发的，所以也是使用的eclipse插件。在插件菜单，Hbuilder推荐了一些常用插件，基本覆盖了前端开发需要的各种功能。
VS Code自带debug模块和git模块，布局和配色也很舒服，debug模块可以添加断点调试nodejs代码，用来开发后端或者写写任务脚本顿时方便了很多。git面板非常友好的显示代码对比，可以直接修改，提交。VS Code作为后来者，2015年12月才开放插件，但是短短大半年时间就已经积累了3500款插件。除了涵盖前端开发的各个方面，同时各种后端代码的高亮甚至调制都有相应插件支持，可谓是相当强大。
总结好像monokai的配色方案被很普遍的接受，身边的同事大多也是使用深色背景，但是Hbuild一直很努力的说服大家使用淡绿色。我个人依然是喜欢黑色背景，对比度高，比较清楚。不过这几款编辑器都支持更换主题和配色，所以原生配色并不是什么大问题。
原生功能方面，布局最强大的非Atom莫属，无比自由的分栏，搭配4K屏进行开发，完全就是科幻片中的感觉。同时Atom在插件数量方面也是最领先的，这显然可以让一款编辑器如虎添翼。
Brackets毕竟是adobe出品的，虽然js调试的功能比较弱，但是我们重构强啊。虽然比如Hbuilder也有同步查看，但是要刷新，chrome搭配livereload可以实时刷新，但是浏览器会闪一下。而Brackets显示平滑，并且可以高亮当前编辑的dom元素，不愧为编辑器界的“重构小王子”。
Hbuilder在hybrid开发的方面一骑绝尘，同时代码提示和快捷键也是完备的要上天。对于英文不好的同学来说，Hbuilder绝对是体验顶级前端开发工具的一个最好选择。
VS Code有着其他几个编辑器都没有的Nodejs调试面板，同时内置了git工具，是重度前端开发非常优秀的编辑器。插件开发的社区也非常活跃，是一个很有前景的编辑器。
sublimeText是我日常用的，优势在于成名已久，插件众多，高度可配置，各方面的能力比较平均，毕竟是个收费软件的品质。
后记测评的结果还是很出乎意料的，日常最常用的SublimeText几乎在任何一方面都没有特别突出的表现，可见在日常工作中，还是有很多效率提升的空间。
Brackets好像比较小众，但是在重构方面真的是无人能敌，之前给朋友写代码片会直接写在jsbin上，自从昨天用Brackets写了一次之后，就再也不能接受在chrome调试工具里面一点点调CSS这种蠢事情了。
另外就是VS Code在Nodejs调试中表现出了完全是IDE的水准，单步，断点，一应俱全，回想以前用SublimeText开发的时候简直是瞎子摸象。
关于Hbuilder，如果要详细写的话，应该又要几千字了。作为中文世界最好的前端开发工具，在开发效率上确实不输于任何一款一线编辑器。
详情转至：https://zhuanlan.zhihu.com/p/22309567