TML5被看做是Web前端開發(fā)的最佳編程語言，具有多設(shè)備、跨平臺、即時更新等優(yōu)勢。更重要的是HTML5入門簡單，就業(yè)前景廣、薪資福利高，這促使越來越多的人轉(zhuǎn)行學習HTML5。學習要一步一個腳印，下面就來給初學者介紹一下常見的HTML5開發(fā)工具有哪些。

1、Sublime Text

Sublime Text 是一個跨平臺的代碼編輯器，同時支持Windows、Linux、Mac OS X等操作系統(tǒng)，也是HTML和散文先進的文本編輯器。Sublime Text具有漂亮的用戶界面和強大的功能，主要功能包括:拼寫檢查，書簽，完整的 Python API ，Goto 功能，即時項目切換，多選擇，多窗口等等。

2、Dreamweaver

Dreamweaver是集網(wǎng)頁制作和管理網(wǎng)站于一身的所見即所得網(wǎng)頁編輯器，擁有可視化編輯界面，支持代碼、拆分、設(shè)計、實時視圖等多種方式來創(chuàng)作、編寫和修改網(wǎng)頁，初學HTML5的人可以無需編寫任何代碼就能快速創(chuàng)建Web頁面。

3、Adobe Edge

Adobe Edge是一款新型網(wǎng)頁互動工具，允許設(shè)計師通過HTML5、CSS和Java制作網(wǎng)頁動畫。Edge的一個重要功能是Web工具包界面，方便確保頁面在不同瀏覽器中的架構(gòu)一致性。

4、WebStorm

WebStorm是一款Java 開發(fā)工具，目前已經(jīng)被廣大中國JS開發(fā)者譽為"Web前端開發(fā)神器"、"最強大的HTML5編輯器"、"最智能的Java IDE"等。WebStorm具有的優(yōu)勢是：智能的代碼補全、代碼格式化、html提示、聯(lián)想查詢、代碼重構(gòu)、代碼檢查和快速修復、代碼調(diào)試、代碼結(jié)構(gòu)瀏覽、代碼折疊、包裹或者去掉外圍代碼。

5、Sencha Touch

Sencha Touch是全球領(lǐng)先的應(yīng)用程序開發(fā)框架，其設(shè)計旨在充分利用HTML5、CSS3 和Java 來實現(xiàn)最高級別的功能、靈活性和優(yōu)化。Sencha Touch 是針對下一代具有觸摸屏設(shè)備的跨平臺框架。

6、DevExtreme

DevExtreme是專為你的移動世界精心準備的，一個跨平臺開發(fā)的HTML5/JS框架，可以構(gòu)建iOS、Android、Tizen和Windows Phone 8應(yīng)用程序，是Visual Studio開發(fā)人員開發(fā)跨平臺移動產(chǎn)品的優(yōu)選工具。

7、Dojo Foundation Maqetta

Dojo Foundation Maqetta是為桌面和移動設(shè)備開發(fā)HTML5應(yīng)用的開源工具，支持在瀏覽器中查看HTML5界面。用戶體驗設(shè)計師可以通過拖放組裝UI樣板。

除此之外，還有很多優(yōu)秀的HTML5開發(fā)工具。

你明白了嗎？????

?HTML5被看做是Web前端開發(fā)的最佳編程語言，具有多設(shè)備、跨平臺、即時更新等優(yōu)勢。更重要的是HTML5入門簡單，就業(yè)前景廣、薪資福利高，這促使越來越多的人轉(zhuǎn)行學習HTML5。學習要一步一個腳印，下面就來給初學者介紹一下常見的HTML5開發(fā)工具有哪些。

1、Sublime Text

Sublime Text 是一個跨平臺的代碼編輯器，同時支持Windows、Linux、Mac OS X等操作系統(tǒng)，也是HTML和散文先進的文本編輯器。Sublime Text具有漂亮的用戶界面和強大的功能，主要功能包括:拼寫檢查，書簽，完整的 Python API ，Goto 功能，即時項目切換，多選擇，多窗口等等。

2、Dreamweaver

Dreamweaver是集網(wǎng)頁制作和管理網(wǎng)站于一身的所見即所得網(wǎng)頁編輯器，擁有可視化編輯界面，支持代碼、拆分、設(shè)計、實時視圖等多種方式來創(chuàng)作、編寫和修改網(wǎng)頁，初學HTML5的人可以無需編寫任何代碼就能快速創(chuàng)建Web頁面。

3、Adobe Edge

Adobe Edge是一款新型網(wǎng)頁互動工具，允許設(shè)計師通過HTML5、CSS和Java制作網(wǎng)頁動畫。Edge的一個重要功能是Web工具包界面，方便確保頁面在不同瀏覽器中的架構(gòu)一致性。

4、WebStorm

WebStorm是一款Java 開發(fā)工具，目前已經(jīng)被廣大中國JS開發(fā)者譽為"Web前端開發(fā)神器"、"最強大的HTML5編輯器"、"最智能的Java IDE"等。WebStorm具有的優(yōu)勢是：智能的代碼補全、代碼格式化、html提示、聯(lián)想查詢、代碼重構(gòu)、代碼檢查和快速修復、代碼調(diào)試、代碼結(jié)構(gòu)瀏覽、代碼折疊、包裹或者去掉外圍代碼。

5、Sencha Touch

Sencha Touch是全球領(lǐng)先的應(yīng)用程序開發(fā)框架，其設(shè)計旨在充分利用HTML5、CSS3 和Java 來實現(xiàn)最高級別的功能、靈活性和優(yōu)化。Sencha Touch 是針對下一代具有觸摸屏設(shè)備的跨平臺框架。

6、DevExtreme

DevExtreme是專為你的移動世界精心準備的，一個跨平臺開發(fā)的HTML5/JS框架，可以構(gòu)建iOS、Android、Tizen和Windows Phone 8應(yīng)用程序，是Visual Studio開發(fā)人員開發(fā)跨平臺移動產(chǎn)品的優(yōu)選工具。

7、Dojo Foundation Maqetta

Dojo Foundation Maqetta是為桌面和移動設(shè)備開發(fā)HTML5應(yīng)用的開源工具，支持在瀏覽器中查看HTML5界面。用戶體驗設(shè)計師可以通過拖放組裝UI樣板。

除此之外，還有很多優(yōu)秀的HTML5開發(fā)工具。

你明白了嗎？????

近幾年，網(wǎng)頁應(yīng)用程序在不斷更新，由于應(yīng)用程序的功能越來越豐富，也導致了HTML5前端開發(fā)的復雜度大幅增加。現(xiàn)在也有不少前端開發(fā)工具，比如Backbone和EmberJS框架都能提供穩(wěn)定的App開發(fā)解決方案。同時，Javascript的應(yīng)用也越來越常廣泛，而且它還能和Node.JS在后端協(xié)同工作，快速搭建易于擴展的網(wǎng)絡(luò)應(yīng)用。

為了讓入行新人能夠更快的掌握Web前端開發(fā)，千鋒武漢HTML5前端培訓小編推薦五個優(yōu)秀的前端開發(fā)工具，供小伙伴們參考。

框架類：Bootstrap

全世界最流行的響應(yīng)式前端框架。基于HTML、CSS、JAVASCRIPT的，它在jQuery的基礎(chǔ)上進行了更為個性化和人性化的完善，形成一套自己獨有的網(wǎng)站風格。并兼容大部分jQuery插件。簡潔靈活，使得Web開發(fā)更加快捷。國內(nèi)一些移動開發(fā)者較為熟悉的框架，如WeX5前端開源框架等，也是基于Bootstrap源碼進行性能優(yōu)化而來。

代碼編輯器：Codepen、VScode

CodePen是一個在線的HTML、CSS和JavaScript代碼編輯器，能夠編寫代碼并即時預覽效果。可以用于在線展示的作品，也可以看到其他人在網(wǎng)頁中實現(xiàn)的各種令人驚奇的效果。

VScode免費開源的現(xiàn)代化輕量級代碼編輯器，支持幾乎所有主流的開發(fā)語言的語法高亮、智能代碼補全、自定義熱鍵、括號匹配、代碼片段、代碼對比 Diff、GIT 等特性，支持插件擴展，并針對網(wǎng)頁開發(fā)和云端應(yīng)用開發(fā)做了優(yōu)化。軟件跨平臺支持 Win、Mac 以及 Linux。

性能測試：Google PageSpeed Insights

PageSpeed是谷歌的網(wǎng)頁測試工具，通相信有接觸前端開發(fā)的大神們都聽說過Google官方的PageSpeed Tools，這個網(wǎng)頁載入速度檢測工具有在線版本也有一個 Chrome擴展，叫PageSpeed Insights。PageSpeed Insights的Chrome擴展是由谷歌官方開發(fā)的一款可以分析頁面載入的各個方面，包括資源、網(wǎng)絡(luò)、DOM以及時間線等等信息的插件，過檢測評分給你優(yōu)化建議。

調(diào)試類：AtomAptana Studio

它是非常強悍的JavaScript編輯器和調(diào)試器，可以支持多種AJAX和JavaScript工具箱，包括JavaScript編輯和調(diào)試。具有智能代碼完成、瀏覽器兼容性提示、代碼錯誤提示、文檔結(jié)構(gòu)樹等功能。

HTML5：HTML5測試得分能夠提示您正常使用的瀏覽器對于HTML5標準和相關(guān)規(guī)范的支持情況的指標。

前端開發(fā)工具數(shù)量很多，這里只是推薦了千鋒武漢HTML5前端培訓小編覺得比較好的5個前端開發(fā)工具。如果你有更好的意見，歡迎給我們留言分享。