5款讓Web前端開發人員更輕鬆的實用工具！

Web前端的工作在以前稱之為網頁美工，但隨著flash逐漸退出網頁設計的舞臺之後，HTML+css+JavaScript為核心的前端技術成功的完成了技術棧的升級，是的Web前端工程師的名頭也越叫越響。Web前端工程師越來越火，想學Web前端的人與日俱增。那麼，學好Web前端，初學者應該用什麼程式設計軟體？小千總結了最常見的程式設計軟體有以下幾種：

 

1、 DreamWeaver

DreamWeaver是一款老牌前端開發工具，功能強大且元件豐富，作為前端開發的一款利器被廣泛使用。DreamWeaver是一款視覺化的前端開發工具，一邊寫程式碼一邊就能看到效果，所以使用起來還是比較方便的。但是DreamWeaver的缺點就是比較耗費系統資源，這也許是IDE類產品的通病。

2、 Hbuilder

Hbuilder是最近幾年被廣泛使用的一款前端開發工具，小千最初開始使用Hbuilder是因為它可以做Android和IOS的開發，移動互聯團隊的同事推薦給我使用的，我用了一段時間感覺還不錯。整個操作比較簡便，顯示風格我也比較喜歡，給人一種很輕的感覺，同時功能又很強大。但是使用Hbuilder有一個問題一直讓小千比較困惑，就是我之前開發過的頁面如果透過匯入功能匯入到Hbuilder中會出現中文亂碼，而同樣的操作在Eclipse中則不會亂碼，這也讓我比較困惑，不知道官方什麼時候能解決這個問題。

3、 sublime text

sublime text也是前端開發比較常見的工具之一，特點是可透過配置外掛來構建一個比較豐富的開發環境，同時sublime text比較輕（比Hbuilder還要輕），如果熟悉了它的快捷鍵，那麼使用起來還是比較便捷的。當然它也支援很多開發語言，雖然在程式碼管理方面沒有DW那麼強大，但是由於它很輕，速度很快，所以很多前端開發人員還是比較喜歡使用它。

4、 Eclipse

Eclipse也是可以進行前端開發的，使用Eclipse進行前端開發的程式設計師有很多是做後端開發出身的。因為可能是使用Java語言比較多的緣故，對Eclipse的使用比較熟悉，所以很多時候都使用Eclipse進行前端開發。使用Eclipse進行前端開發可以直接跟後端開發整合測試，在這一點上還是有一定的優勢，雖然Eclipse本身較重，但是如果既做前端又要做一部分後端除錯，使用Eclipse總要好過使用DW+Eclipse。但是某些Eclipse版本在JavaScript程式片的支援上有一些小Bug，在使用的時候要多加註意。

5、 Editplus

Editplus本身就是一個功能強大的記事本，小千最初使用Editplus是在2001年，當年使用Editplus做C語言開發，後來改用Vim了，因為Vim比Editplus更方便。Editplus可以進行很多語言的開發，透過配置編譯和執行環境，可以在Editplus下進行程式編寫和除錯。Editplus沒有編寫提示，最大的優點是執行快，Editplus只有幾M大，非常小巧。由於早期長時間使用Editplus，所以鍛鍊了手寫程式碼能力，也提高了模組化程式碼的能力，因為Editplus沒有這些輔助功能。  

做前端開發需要系統的學習HTML、CSS以及JavaScript，同時還要學習諸多框架的使用，內容多且繁雜，好在難度並不高，只是需要做大量的實驗。前端的工具也並不僅限於以上提到的幾種，隨著前端開發的不斷變化，以後軟體廠商也會陸續推出更加方便的開發工 具。 希望以上的分享能幫到大家！

本文來自千鋒教育，轉載請註明出處。