前言
后端程序員們常常會爭論“什么是最好的語言”，而對於前端來說，我們沒有選擇，無論愛與恨，我們只能選擇 JavaScript 。所以前端日常的爭論就變成了“什么是最好的框架”以及“什么是最好的編輯器” 。
所謂工欲善其事，必先利其器。對於前端來說，編輯器是除了chrome瀏覽器以外，每天打開時間最長的軟件。選擇一款功能強大又趁手的工具，可以讓開發效率提升，達到事半功倍的效果。
測評名單
選擇進行測評的五款編輯器均為免費軟件。
所以測評名單里面沒有WebStorm，因為正版的WebStorm實在是太貴了，而我又不好意裝一個盜版的來寫測評，所以如果有土豪願意贊助一個正版 License ，我一定把WebStorm補上。
（給你們看一下正版的WebStorm有多貴）
沒有Vim和Emacs 是因為這兩者並不作為對新人入坑的推薦。
注：sublime Text是收費軟件，70刀，但是可以無限期的試用，並且這是作者默許的行為。在這里也就算作“可以免費使用的軟件”了。
這五款編輯器分別是：
ATOM：來自github的編輯器，基於electron開發，CoffeeScript 實現。
Brackets：來自adobe的編輯器，繼承了adobe的優秀傳統，自帶即時預覽和眾多好用的插件。
Hbuilder ：國產優秀IDE，基於eclipse，完備的代碼提示，並且可以輕松生成hybrid應用。
SublimeText3：非常多前端使用的編輯器，輕量級，快速啟動，豐富的插件。
VS Code： 來自微軟的編輯器，被稱作“披着編輯器外衣的IDE”
我日常用的比較多的是SublimeText3，從SublimeText2的時候就在用了。sublime的優點在於有着豐富的插件和快捷鍵，同時也不會有太高的上手難度（Vim我說的就是你）。
但是為了寫這篇測評，又把市面上比較流行的編輯器都裝了一遍，試用的結果還是挺出乎意料的。
Atom
默認深色背景，樣式全部由CSS設定，非常方便修改主題，同時有非常豐富主題可供下載。
Atom的插件都是基於JS開發的，截止到2016年9月5日，ATOM共有4819款插件。
所以你所能需要的插件，在Atom幾乎全部都找到。
插件開發基於JS，其實Atom整個編輯器都是基於JS的。
推薦一個Atom獨占的，狂拽炫酷的插件：activate-power-mode 用起來有一種戰斗程序員的感覺。貌似身邊有很多朋友都是因為這個插件才裝上了Atom。
sublime
中規中矩的外觀，多種主題和配色可選擇，可以通過配置文件定義各種外觀細節。
有7種layout方式，日常也是比較夠用了
SublimeText插件基於python開發，這一點對於前端來說不是很友好，也許這就是為什么SublimeText只有3766款插件，在數量上還不如后來者Atom。
不過因為使用者眾多，同時成名已久，任何一個新的知名插件幾乎都有SublimeText的版本。（但是你看，activate-power-mode就沒有）所以我們說，SublimeText的插件生態依然是很健康的。
Brackets
默認有兩個主題，可以通過安裝theme包拓展新的主題。親測brackets的插件商店並不是很好用，安裝插件可以通過網頁的插件商店查找安裝包.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，如果要詳細寫的話，應該又要幾千字了。作為中文世界最好的前端開發工具，在開發效率上確實不輸於任何一款一線編輯器。
所以以后在純粹的重構任務中我會選擇Brackets，然后用VS Code寫node，Hbuilder開發原生應用，日常的開發中選擇Atom。
可是為什么我又打開了SublimeText...