近幾年，網頁應用程式在不斷更新，由於應用程式的功能越來越豐富，也導致了HTML5前端開發的複雜度大幅增加。現在也有不少前端開發工具，比如Backbone和EmberJS框架都能提供穩定的App開發解決方案。同時，Javascript的應用也越來越常廣泛，而且它還能和Node.JS在後端協同工作，快速搭建易於擴充套件的網路應用。

為了讓入行新人能夠更快的掌握Web前端開發，小編推薦五個優秀的前端開發工具，供小夥伴們參考。

框架類：Bootstrap

全世界最流行的響應式前端框架。基於HTML、CSS、JAVASCRIPT的，它在jQuery的基礎上進行了更為個性化和人性化的完善，形成一套自己獨有的網站風格。併兼容大部分

程式碼編輯器：Codepen、VScode

CodePen是一個線上的HTML、CSS和JavaScript程式碼編輯器，能夠編寫程式碼並即時預覽效果。可以用於線上展示的作品，也可以看到其他人在網頁中實現的各種令人驚奇的效果。

VScode開源的現代化輕量級程式碼編輯器，支援幾乎所有主流的開發語言的語法高亮、智慧程式碼補全、自定義熱鍵、括號匹配、程式碼片段、程式碼對比 Diff、GIT 等特性，支援外掛擴充套件，並針對網頁開發和雲端應用開發做了優化。軟體跨平臺支援 Win、Mac 以及 

效能測試：Google PageSpeed Insights

PageSpeed是谷歌的網頁測試工具，通相信有接觸前端開發的大神們都聽說過Google的PageSpeed Tools，這個網頁載入速度檢測工具有線上版本也有一個 Chrome擴充套件，叫PageSpeed Insights。PageSpeed Insights的Chrome擴充套件是由谷歌開發的一款可以分析頁面載入的各個方面，包括資源、網路、DOM以及時間線等等資訊的外掛，過檢測評分給你優化建議。

除錯類：AtomAptana Studio

它是非常強悍的JavaScript編輯器和偵錯程式，可以支援多種

HTML5：HTML5測試得分能夠提示您正常使用的瀏覽器對於HTML5標準和相關規範的支援情況的指標。

前端開發工具數量很多，這裡只是推薦了小編覺得比較好的5個前端開發工具。如果你有更好的意見，歡迎給我們留言分享。

最後，如果有想一起學習web前端，HTML5及JavaScript的可以來一下我的前端群：733581373，好友都會在裡面交流，分享一些學習的方法和需要注意的小細節，每天也會準時的講一些前端的炫酷特效，及前端直播課程學習

如果想看到更加系統的文章和學習方法經驗可以關注的微訊號：‘web前端技術圈’或者‘webxh6’關注後回覆‘2018’可以領取一套完整的學習視訊