一、入門

1、notepad++

優點：
體(tǐ)積小(xiǎo)、速度快；
可(kě)以安(ān)裝(zhuāng)emmt插件，寫代碼快到起飛，emmt刻早期應該是叫zen coding，一開始支持的工(gōng)具(jù)就是notepad++，相信用(yòng)的人非常多(duō)。

缺點：
隻能(néng)用(yòng)于小(xiǎo)項目或少量文(wén)件的場景，對于大項目目錄結構多(duō)樣、文(wén)件數量較多(duō)的管理(lǐ)不方便，無法像ide那樣快速定位并編輯文(wén)件。

2、dreamweaver

曆史悠久的網頁(yè)開發工(gōng)具(jù)，就不用(yòng)多(duō)說了。
個人覺得雖然代碼提示都有(yǒu)，但用(yòng)起來代碼書寫效率也不是很(hěn)高，所以用(yòng)的非常少，這裏就不做推薦。

二、進階

1、subline/webstorm

前端開發人員中(zhōng)使用(yòng)較多(duō)。

2、eclipse-javascript

因為(wèi)本身是java開發，對eclipse比較熟悉，所以想來試看看eclipse對應的前端開發工(gōng)具(jù)。

有(yǒu)待後續補充

3、HBuilder

優點：
個人覺得css代碼提示做的非常好，那種一路回車(chē)寫代碼的感覺誰用(yòng)誰知道；
編輯器支持less語法，搭配gulp watch命令實時編譯css文(wén)件效率很(hěn)高；

缺點：
代碼提示有(yǒu)時候也沒更改什麽突然就不好使了；
有(yǒu)些操作(zuò)（例如更換項目目錄）需要登錄才能(néng)操作(zuò)；