俗話說：工欲善其事，必先利其器。好的開發工具能夠幫助我們大大提高工作效率，本文介紹幾款前端開發常用到的編輯器，希望對大家有幫助。
一、Dreamweaver
Dreamweaver原來是鼎鼎大名的，很長一段時間DW就是網頁制作的主戰場。
DW可是被稱為IDE，提供了很多功能，具有所見即所得的功能。
DW有三種視圖模式：代碼模式、設計模式和拆分模式，拆分模式，對于代碼不熟練的初學者非常友好。
目前DW的主要問題是老，當然如果老而彌堅是沒問題的，但現在流行的前後端分離的項目，VUE，Angular,React架構，使用DW有力不從心的感覺，DW不支援ES6文法的高亮提示。不支援CSS預編譯文法。
不知道DW會不會推出新的版本，如果沒有，大概DW會逐漸退出前端的舞台了。
現在我們需要他的原因有兩個
1、設計模式
比如編輯一個靜态的複雜的表格，在設計模式下可以像word一樣編輯表格，添加修改内容，合并拆分表格。或者使用拆分模式一邊看代碼，一邊看效果。
另外如果拷貝黏貼一篇網上的文章到設計模式中，将會實作很好的格式化，幾乎很少無意義的标簽和樣式，這是其他編輯器和富文本編輯器做不到的。
2、查找和替換功能
DW查找和替換視窗非常友好，可以在目前頁面，打開的頁面，目前站點，指定目錄查找和替換文本，有時候非常友善。
二、Sublime
Sublime隻是一個文本編輯器，它的擁護者也很多，非常輕量級，打開檔案速度很快，
但要愉快的使用Sublime，需要安裝很多插件，對于我這樣的懶人，同樣需要安裝插件的情況下我比較願意使用VS code。
三、VS Code
VS Code全稱是Visual Studio Code ，它的特點有一點很值得注意，那就是免費，安裝VS Code及其插件非常容易，和微軟的其他Visual Studio産品比較，VS Code隻是一款輕量級的代碼編輯器，而不是一個重量級的完整 IDE，但在前端領域已經足夠優秀。
四、WebStorm
WebStorm目前是我的最愛，它的功能全，內建度高，幾乎想要的都有，開發效率非常高，但WebStorm的缺點是打開速度慢，占用記憶體多，如果你的電腦組態不好，也許用它不是一個好的選擇。另外WebStorm是收費軟體，這一點比不過VS Code。
五、 Hbuilder
Hbuilder是DCloud推出的一款支援HTML5的Web開發IDE。比上面的幾種編輯器相比較，Hbuilder的使用者少了一些，Hbuilder宣稱自己快，也許指的是開發效率，就其打開速度和響應速度而言，我覺得可以用一個慢字形容。
Hbuilder對BootStrap和webApp的支援非常好，如果做這樣的項目Hbuilder是個好選擇。
如果你有更好的編輯器，歡迎在下方留言分享。
有想要最新資料的小夥伴可以找我哦。希望可以在你成為程式員的路上幫到你一點。