工欲善其事,必先利其器。作為前端工程師,你都用過哪些編輯器?入行三年多,用過好幾款編輯器,今天給大家例舉以下。
EditPlus
這是一款文本編輯器,它的代碼會高亮顯示,非常適合剛入行的童鞋使用,當你敲代碼時,它不會給你提示,這樣的話很大程度會鍛鍊我們手寫代碼的能力,也能更快地記住一些相關API。
Dreamweaver
Dreamweaver原來是鼎鼎大名的,很長一段時間DW就是網頁製作的主戰場,DW可以被稱為IDE,提供了很多功能,最大的特點是具有所見即所得的功能,DW有三種視圖模式:代碼模式、設計模式和拆分模式,對於代碼不熟練的初學者非常友好。目前DW的主要問題是老,當然如果老而彌堅是沒問題的,但現在流行的前後端分離的項目,VUE,Angular,React框架,使用DW有力不從心的感覺,DW不支持ES6語法的高亮提示。不支持CSS預編譯語法。不知道DW會不會推出新的版本,如果不,大概DW會逐漸退出前端的舞臺了。
如果你要製作表格的話,我建議你使用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。
每次試用30天就用不了了,破解起來也麻煩,而且真的是超級消耗內存,只要一打開它,我電腦就動不了了!
Hbuilder
Hbuilder是DCloud推出的一款支持HTML5的Web開發IDE。比上面的幾種編輯器比較Hbuilder的用戶少了一些,Hbuilder宣稱自己快,也許指的是開發效率,就其打開速度和響應速度而言,我覺得可以用一個慢字形容。Hbuilder對BootStrap和webApp的支持非常好,如果做這樣的項目Hbuilder是個好選擇。
綜上所述,如果你是初學者可以使用DW和EditPlus練手,我覺得是非常合適的。如果你有經驗了,而且是團隊協作的話,最好根據團隊的使用情況統一編輯器,這樣寫出來的代碼風格也是一樣的,便於維護。如果是你個人項目的話,那麼就隨你選擇了,個人習慣不一樣,目前我還是局的VS CODE是最好用的。