对于前端来说,编辑器是除了chrome浏览器每天打开时间最长的软件。选择一款功能强大、好用的工具,可以提高开发效率,达到事半功倍的效果。推荐列表ATOM:来自github的编辑器,基于electron开发,使用CoffeeScript实现。Brackets:来自adobe的编辑器,继承了adobe的优良传统,自带即时预览和很多好用的插件。Hbuilder:国产优秀的IDE,基于eclipse,完整的代码提示,可以轻松生成混合应用。SublimeText3:很多前端都用的编辑器,轻量级,启动快,插件丰富。VSCode:来自微软的一款编辑器,被称为“编辑外衣中的IDE”。Atom默认为深色背景,样式全部由CSS设置。修改主题非常方便,有非常丰富的主题可供下载。可以很自由的组合子窗口,简直要命。Atom的插件都是基于JS开发的。截至2016年9月5日,ATOM共有4819个插件。所以几乎所有你需要的插件都可以在Atom中找到。插件开发基于JS。事实上,Atom的整个编辑器都是基于JS的。推荐一个Atom专属的酷炫插件:activate-power-mode使用起来有一种格斗程序员的感觉。好像身边很多朋友都是因为这个插件安装了Atom。Sublime具有规则的外观,多种主题和颜色可供选择,可以通过配置文件定义各种外观细节。一共有7种布局方式,日常使用已经足够了。SublimeText插件是基于python开发的,对前端不是很友好。也许这就是为什么SublimeText只有3766个插件,在数量上还不如后来者Atom。但是,由于用户量大,口碑久远,几乎所有新出的知名插件都有SublimeText版本。(但是你看,没有activate-power-mode)所以我们说SublimeText的插件生态还是很健康的。Brackets默认有两个主题,可以通过安装主题包来扩展新的主题。亲测支架的插件商店用处不大。安装插件可以通过网页上的插件商店找到安装包.zip的链接,然后通过链接安装。在布局方面,只支持左右或上下。不过编辑器有一个非常内置的功能(虽然其他编辑器也可以通过插件实现),可以一键打开浏览器窗口,同步预览正在编辑的网页的渲染效果。刷新即时显示。另一个神奇的功能是可以直接在HTML代码中修改CSS,也可以选择直接在CSS代码段中编辑颜色。编辑器没有集成nodejs调试,亲测node-debug插件用处不大。Brackets的插件需要科学上网安装。官方插件商店有1246个插件。(这个数量包括主题包、代码片段等)不是很丰富,但是代码格式化、less编译、git同步等常用插件还是有的。Brackets插件也是基于js开发的,但是插件开发相关的文档和教程很少。Hbuilder有类似eclipse的界面,功能也大而全。主旋律是“绿色柔软”,宣传起来也很用心。配置选项非常多,这是Hbuilder作为IDE与其他几个编辑器的最大区别。同时支持观看修改模式。Hbuilder最厉害的地方在于非常方便移动端开发,甚至可以直接打包混合应用。hbuilder是基于eclipse开发的,所以也使用了eclipse插件。在插件菜单中,Hbuilder推荐了一些常用的插件,基本涵盖了前端开发所需的各种功能。VSCode有自己的debug模块和git模块,布局和配色也很舒服。debug模块可以加断点调试nodejs代码,开发后台或者写任务脚本方便很多。git面板非常友好的显示代码对比,可以直接修改提交。VSCode作为后来者,2015年12月才开放插件,但仅半年时间就积累了3500个插件。除了涵盖前端开发的方方面面,还有相应的插件支持对各种后端代码进行高亮甚至调制,可谓是相当强大。综上所述,似乎monokai的配色方案被广泛接受,我周围的同事也大多使用深色背景,但Hbuild一直在努力说服大家使用浅绿色。个人还是喜欢黑色背景,对比度高,比较清晰。不过这些编辑器都支持更换主题和颜色,原生配色问题不大。原生功能方面,最强大的布局是Atom,极其自由的栏目划分和4K屏幕开发,完全像科幻电影。同时,Atom在插件数量上也是领先的,这显然可以让编辑器如虎添翼。毕竟Brackets是Adobe出品的。虽然js调试功能比较弱,但是我们重构能力强。虽然比如Hbuilder也有同步查看,但是要刷新,chrome可以用livereload实时刷新,只是浏览器会闪一下。而括号,显示流畅,能高亮显示当前编辑的dom元素,不愧是编辑器界的“重构小王子”。Hbuilder是混合开发中的佼佼者,代码提示和快捷键也很齐全。对于英语不好的同学来说,Hbuilder绝对是体验??顶级前端开发工具的最佳选择。VSCode有一个其他编辑器没有的Nodejs调试面板。同时,它内置了一个git工具。它是重前端开发的优秀编辑器。插件开发社区也非常活跃,使其成为一个很有前途的编辑器。SublimeText是我日常使用的。它的优势在于久负盛名,插件众多,可配置性高,各方面能力比较一般。毕竟是付费软件。
