一(one)、入門

1、notepad++

優點：
體積小、速度快；
可以(by)安裝emmt插件，寫代碼快到(arrive)起飛，emmt刻早期應該是(yes)叫zen coding，一(one)開始支持的(of)工具就是(yes)notepad++，相信用(use)的(of)人(people)非常多。

缺點：
隻能用(use)于(At)小項目或少量文件的(of)場景，對于(At)大(big)項目目錄結構多樣、文件數量較多的(of)管理不(No)方便，無法像ide那樣快速定位并編輯文件。

2、dreamweaver

曆史悠久的(of)網頁開發工具，就不(No)用(use)多說了(Got it)。
個(indivual)人(people)覺得雖然代碼提示都有，但用(use)起來(Come)代碼書寫效率也不(No)是(yes)很高，所以(by)用(use)的(of)非常少，這(this)裏就不(No)做推薦。

二、進階

1、subline/webstorm

前端開發人(people)員中使用(use)較多。

2、eclipse-javascript

因爲(for)本身是(yes)java開發，對eclipse比較熟悉，所以(by)想來(Come)試看看eclipse對應的(of)前端開發工具。

有待後續補充

3、HBuilder

優點：
個(indivual)人(people)覺得css代碼提示做的(of)非常好，那種一(one)路回車寫代碼的(of)感覺誰用(use)誰知道；
編輯器支持less語法，搭配gulp watch命令實時(hour)編譯css文件效率很高；

缺點：
代碼提示有時(hour)候也沒更改什麽突然就不(No)好使了(Got it)；
有些操作(do)（例如更換項目目錄）需要(want)登錄才能操作(do)；