正所謂“工欲善其事必先利其器”，一名合格的Web前端開發(fā)工程師自然會(huì)用到不少能使其工作高效的工具。下面，就給大家分享Web前端學(xué)習(xí)需要了解的十款HTML5開發(fā)工具。
創(chuàng)新互聯(lián)-專業(yè)網(wǎng)站定制、快速模板網(wǎng)站建設(shè)、高性價(jià)比山西網(wǎng)站開發(fā)、企業(yè)建站全套包干低至880元,成熟完善的模板庫(kù),直接使用。一站式山西網(wǎng)站制作公司更省心,省錢,快速模板網(wǎng)站建設(shè)找我們，業(yè)務(wù)覆蓋山西地區(qū)。費(fèi)用合理售后完善，10年實(shí)體公司更值得信賴。
1、Lungo
Lungo是一款基于HTML5的開發(fā)框架，專為想要設(shè)計(jì)、構(gòu)建和共享跨設(shè)備應(yīng)用的開發(fā)者而準(zhǔn)備。支持開放的Web標(biāo)準(zhǔn)，如HTML5、CSS3和JavaScript；支持手機(jī)、電視以及桌面設(shè)備。擁有強(qiáng)大的JavaScript API：開發(fā)WebAPP應(yīng)用有很多種方式，而不是一味的優(yōu)化。Lungo提供了一個(gè)強(qiáng)大的API，這樣你可以完全掌控自己的WebAPP應(yīng)用程序。
2、Animatron
Animatron是一款簡(jiǎn)單而又強(qiáng)大的在線工具，通過(guò)它，你可以創(chuàng)建出令人驚嘆的的HTML5動(dòng)畫和互動(dòng)內(nèi)容。使用非常直觀的Animatron編輯器去設(shè)計(jì)和發(fā)布完美的移動(dòng)產(chǎn)品，同時(shí)也可以到處播放的電影和信息圖表等，從桌面瀏覽器到移動(dòng)設(shè)備，無(wú)需編碼，所見即所得。
3、DCloudHBuilder
DCloudHBuilder：基于HTML5開發(fā)工具是當(dāng)前最快的HTML開發(fā)工具，強(qiáng)大的代碼助手幫你快速完成開發(fā)，最全的語(yǔ)法庫(kù)和瀏覽器兼容性數(shù)據(jù)讓瀏覽器碎片化不再頭痛，DCloud 還提供云端打包服務(wù)，可以讓開發(fā)者直接在云端生成 .ipa 或 .apk 安裝包供部署調(diào)試。
4、mobl
mobl 是一個(gè)新的開源的編程語(yǔ)言，主要用于加速手機(jī)應(yīng)用的開發(fā)，mobl 可方便構(gòu)建手機(jī) Web 應(yīng)用程序，包括 iOS、Android 和其他支持 HTML5 技術(shù)的手機(jī)。Mobl使用一種與JavaScript非常類似的腳本語(yǔ)言實(shí)現(xiàn)了靜態(tài)類型的推斷語(yǔ)言。該語(yǔ)言擁有以下頂級(jí)結(jié)構(gòu)： 實(shí)體（entities）、類型（types）、函數(shù)（functions）、控件（controls）、屏幕（screens）、樣式（styles ）和設(shè)備（services）。實(shí)體是在本地存儲(chǔ)中持久化的數(shù)據(jù)元素，而類型是一種供我們使用的不穩(wěn)定的數(shù)據(jù)。函數(shù)與那些定義在JavaScript以及能夠調(diào)用JavaScript代碼的語(yǔ)言中的函數(shù)類似等。
5、Initializr
Initializr 是制作 HTML5 網(wǎng)站最好的入門輔助開發(fā)工具，你可以使用提供的特色模板快速生成網(wǎng)站，也可以自定義，Initializr 會(huì)為你生成代碼簡(jiǎn)潔的可定制的網(wǎng)頁(yè)模板。
6、WebStorm
WebStorm是一款強(qiáng)大的HTML5/JavaScriptWeb前端開發(fā)工具，被廣大JS開發(fā)者譽(yù)為“Web前端開發(fā)神器”。
WebStorm 8全新特性中包括對(duì)AngularJS的支持，能夠高效準(zhǔn)確地智能感知Angular語(yǔ)法、指令。WebStorm還完美支持Spy-js，合并了這款JavaScript調(diào)試?yán)鳎蟠筇岣吡碎_發(fā)者們的工作效率。
7、Notepad++
Notepad++程序員必備的文本編輯器，軟件小巧高效，支持27種編程語(yǔ)言，通吃C,C++ ,Java ,C#, XML, HTML, PHP,JS 等，推薦各位下載使用。Notepad++ 可完美地取代微軟的記事本。
8、Dreamweaver
Dreamweaver 是世界頂級(jí)軟件廠商Adobe推出的一套擁有可視化編輯界面，用于制作并編輯網(wǎng)站和移動(dòng)應(yīng)用程序的網(wǎng)頁(yè)設(shè)計(jì)軟件。由于它支持代碼、拆分、設(shè)計(jì)、實(shí)時(shí)視圖等多種方式來(lái)創(chuàng)作、編寫和修改網(wǎng)頁(yè)，對(duì)于初級(jí)人員，你可以無(wú)需編寫任何代碼就能快速創(chuàng)建Web頁(yè)面。其成熟的代碼編輯工具更適用于Web開發(fā)高級(jí)人員的創(chuàng)作！
9、Eclipse
Eclipse的本身只是一個(gè)框架平臺(tái)，但是眾多插件的支持使得Eclipse擁有其他功能相對(duì)固定的IDE軟件很難具有的靈活性。許多軟件開發(fā)商以Eclipse為框架開發(fā)自己的IDE。Eclipse最初是由IBM公司開發(fā)的替代商業(yè)軟件Visual Age for Java的下一代ide開發(fā)環(huán)境，2001年11月貢獻(xiàn)給開源社區(qū)，現(xiàn)在它由非營(yíng)利軟件供應(yīng)商聯(lián)盟Eclipse基金會(huì)（Eclipse Foundation）管理。
10、DevExtreme
DevExtreme是專為你的移動(dòng)世界精心準(zhǔn)備的，一個(gè)跨平臺(tái)開發(fā)的HTML5/JS框架，可以構(gòu)建iOS、Android、Tizen和Windows Phone 8應(yīng)用程序，是Visual Studio開發(fā)人員開發(fā)跨平臺(tái)移動(dòng)產(chǎn)品的優(yōu)選工具。
以上就是為大家分享的十款HTML5開發(fā)必備的工具，相信這些工具一定會(huì)讓你幫你在從事Web前端開發(fā)過(guò)程中提高效率，打開一扇新的大門。
html5是標(biāo)記語(yǔ)言，不需要下載。
你可以在電腦新建一個(gè)文本文件，將后綴改為.html，里面編輯文字后使用瀏覽器打開。
具體的標(biāo)簽含義與學(xué)習(xí)可以在w3school,菜鳥教程等學(xué)習(xí)。
具體需要看是什么類型的代碼語(yǔ)言，大部分需要下載
代碼分好多種類的
python、Java、等那些需要代碼
那種HTML類型的代碼不需要下載，記事本寫好該文件名后綴就能用瀏覽器運(yùn)行
在頁(yè)面布局時(shí)，一款好用的代碼編輯器會(huì)大大提升工作效率，作為一個(gè)前端開發(fā)人員，你知道HTML編輯器都有哪些嗎？具體哪個(gè)HTML編輯器比較好用？本篇文章為php中文網(wǎng)網(wǎng)友們推薦了前端開發(fā)人員常用的4款html編輯器，以下是具體介紹，感興趣的小伙伴可以參考借鑒一下。
一、HTML編輯器有哪些？
1、HBuilder
下載地址：
HBuilder是DCloud推出的一款支持HTML5的Web開發(fā)IDE。HBuilder的編寫用到了Java、C、Web和Ruby。HBuilder本身主體是由Java編寫的。速度快，是HBuilder的最大優(yōu)勢(shì)，通過(guò)完整的語(yǔ)法提示和代碼輸入法、代碼塊等，大幅提升HTML、js、css的開發(fā)效率。Hbuilder是由有我國(guó)的前端開發(fā)人員編寫的一款前端開發(fā)IDE，所以在使用上比較符合我們中國(guó)人的開發(fā)習(xí)慣，用HBuilder寫HTML代碼還是很方便的。
2、Adobe Dreamweaver CS
下載地址：
dreamweaver cs6 是世界頂級(jí)軟件廠商adobe推出的一套擁有可視化編輯界面，可用于編輯網(wǎng)站和移動(dòng)應(yīng)用程序的代碼編輯器。由于它支持代碼、拆分、設(shè)計(jì)、實(shí)時(shí)視圖等多種方式來(lái)創(chuàng)作、編寫和修改網(wǎng)頁(yè)，對(duì)于初級(jí)人員，你可以無(wú)需編寫任何代碼就能快速創(chuàng)建web頁(yè)面。其成熟的代碼編輯工具更適用于web開發(fā)高級(jí)人員的創(chuàng)作！cs6新版本使用了自適應(yīng)網(wǎng)格版面創(chuàng)建頁(yè)面，在發(fā)布前使用多屏幕預(yù)覽審閱設(shè)計(jì),可大大提高工作效率。所以Adobe Dreamweaver CS也是一個(gè)比較好的HTML代碼編輯器。
3、SublimeText3漢化版
下載地址：
Sublime Text是一款具有代碼高亮、語(yǔ)法提示、自動(dòng)完成且反應(yīng)快速的編輯器軟件，不僅具有華麗的界面，還支持插件擴(kuò)展機(jī)制，用她來(lái)寫代碼，絕對(duì)是一種享受。相比于難于上手的Vim，浮腫沉重的Eclipse，VS，即便體積輕巧迅速啟動(dòng)的Editplus、Notepad++，在SublimeText面前大略顯失色，無(wú)疑這款性感無(wú)比的編輯器是coding的不錯(cuò)的選擇。
4、Notepad
下載地址：
Notepad++是旨在替代Windows默認(rèn)的notepad而生，比notepad的功能強(qiáng)大很多很多。notepad++支持插件，添加對(duì)應(yīng)不同的插件，以支持不同的功能。里面除了一些常見的插件之外，還有一些好玩的插件，比如將文字讀出來(lái)的speech插件。Notepad++屬于輕量級(jí)的文本編輯類軟件，比其他一些專業(yè)的文本編輯類工具，啟動(dòng)更快，占用資源更少，但是從功能使用等方面來(lái)說(shuō)，不亞于那些專業(yè)工具。
二、HTML編輯器哪個(gè)好用？專業(yè)的前端開發(fā)程序員都用哪個(gè)呢？
代碼編輯器有很多種，至于那個(gè)是最好用的HTML代碼編輯器，每個(gè)人的觀點(diǎn)不一樣，個(gè)人認(rèn)為HBuilder是最好用的HTML編輯器。因?yàn)镠builder是由有我國(guó)的開發(fā)人員開發(fā)的一款軟件，在使用上比較符合我們中國(guó)人的開發(fā)習(xí)慣，而且它有很強(qiáng)大的代碼提示功能，能大大提升工作效率，有很多的插件，包括最全面的語(yǔ)法庫(kù)和瀏覽器兼容性數(shù)據(jù)等等，所以我覺(jué)得Hbuilder是最好的HTML代碼編輯器。其次用的最多的是SublimeText和notepad++，大家可以根據(jù)自己喜好選擇！
總結(jié)：
以上給大家分享了HTML編輯器有哪些，以及結(jié)合自身經(jīng)驗(yàn)，分享最好用的HTML編輯器，大家可以多下載幾款編輯器，看看自己喜歡哪個(gè)，希望你盡快找到自己喜歡的HTML代碼編輯器。
還有vscode webstorm
前端開發(fā)的編譯器在選擇上還是很多的。在學(xué)校里，老師主要講三個(gè)前端開發(fā)軟件：
1、WebStorm
幫助編寫HTML、CSS、Less、Sass和Stylus代碼，并且支持Node.js和主流框架，如React、Angular、?Vue.js、Meteor等。與IntelliJ IDEA同源，繼承了IntelliJ IDEA強(qiáng)大的JS部分的功能。但是付費(fèi)軟件。
2、IntelliJ idea
idea是學(xué)校老師教得最多的一款軟件，從學(xué)Java開始，除了eclipse和myeclipse之外，學(xué)校老師用的最廣泛的Java編譯器就是idea，而idea也能進(jìn)行前端項(xiàng)目的開發(fā)，idea是我用得最熟的一個(gè)編譯軟件。像一個(gè)完整的前端網(wǎng)站，配置好jdk，tomcat，maven，數(shù)據(jù)庫(kù)之后就可以在idea上進(jìn)行搭建了。
3.Visual Studio Code
簡(jiǎn)稱VScode，前端開發(fā)時(shí)期學(xué)習(xí)的第一款軟件，當(dāng)時(shí)學(xué)VScode的時(shí)候上的網(wǎng)課，老師用插件的時(shí)候一個(gè)沒(méi)跟上，就跟不上了?？傮w感覺(jué)下來(lái)是插件庫(kù)很豐富，而且內(nèi)存占用不大，目前我身邊用VScode的人是最多的。
下面是我在實(shí)習(xí)中接觸到的前端開發(fā)工具：
notepad++
頁(yè)面很簡(jiǎn)單，乍一看像是一個(gè)記事本，它也確實(shí)可以當(dāng)記事本用。有很多特色插件可以使用，支持多種編程語(yǔ)言的語(yǔ)法高亮顯示，具有代碼折疊功能。
2、HBuilderX
HBuilderX是DCloud（數(shù)字天堂）推出的一款支持HTML5的Web開發(fā)IDE。HBuilder的編寫用到了Java、C、Web和Ruby。HBuilder本身主體是由Java編寫。是HBuilder下一代版本，具有輕便、適合vue框架的特點(diǎn)。
一、Adobe Edge
目前還處于預(yù)覽階段的Adobe Edge是用HTML5、CSS、JavaScript開發(fā)動(dòng)態(tài)互動(dòng)內(nèi)容的設(shè)計(jì)工具。內(nèi)容可以同時(shí)兼容移動(dòng)設(shè)備和桌面電腦。Edge的一個(gè)重要功能是Web工具包界面，方便確保頁(yè)面在不同瀏覽器中的架構(gòu)一致性，此外Edge還將整合TypeKit這樣的字體服務(wù)。
動(dòng)畫和圖形可以添加到HTML元素中，程序也能通過(guò)Edge自身的代碼片段庫(kù)或者JavaScript代碼進(jìn)行擴(kuò)展。動(dòng)畫可以在獨(dú)立的時(shí)間線上進(jìn)行嵌套，還能實(shí)現(xiàn)互動(dòng)功能。符合可以服用并通過(guò)API和代碼片段控制。通過(guò)Edge設(shè)計(jì)的內(nèi)容可以兼容iOS和Android設(shè)備，也可以運(yùn)行在火狐、Chrome、Safari和IE9等主流瀏覽器。
二、Adobe Dreamweaver CS6
Adobe Dreamweaver CS6作為一個(gè)Web設(shè)計(jì)軟件，提供了對(duì)HTML網(wǎng)站和移動(dòng)程序的可視化編輯界面。其Fluid Grid排版系統(tǒng)整合CSS樣式表功能，提供自適應(yīng)版面的跨平臺(tái)兼容性。開發(fā)者可以完全實(shí)現(xiàn)Web設(shè)計(jì)的可視化操作，無(wú)需為代碼所困。
用戶不但還能在Live View中預(yù)覽，還提供多屏幕預(yù)覽功能。開發(fā)者可以通過(guò)MultiScreen預(yù)覽面板查看HTML5內(nèi)容的渲染效果。Live View通過(guò)WebKit渲染引擎支持HTML5。
三、Adobe ColdFusion 10
ColdFusion是用來(lái)開發(fā)企業(yè)Web程序的服務(wù)器端技術(shù)，通過(guò)Websockets、互動(dòng)表單、視頻和地理標(biāo)簽等HTML5技術(shù)創(chuàng)建富媒體用戶體驗(yàn)。
四、Sencha Architect 2
在開發(fā)移動(dòng)和桌面應(yīng)用的工具中，Sencha的定位是HTML5可視化應(yīng)用開發(fā)。開發(fā)團(tuán)隊(duì)可以在一個(gè)單一集成的環(huán)境中完成應(yīng)用的設(shè)計(jì)、開發(fā)和部署。開發(fā)者還可以開發(fā)Sencha Touch2和Ext JS4 JavaScript應(yīng)用，并實(shí)時(shí)預(yù)覽。
五、Sencha Touch 2
Sencha Touch2是移動(dòng)應(yīng)用框架，也被看作是Sencha的HTML5平臺(tái)。開發(fā)者可以用它開發(fā)面向iOS、Android和Blackberry、Kindle Fire等多種平臺(tái)的移動(dòng)應(yīng)用。
六、Dojo Foundation Maqetta
來(lái)自于IBM的一個(gè)項(xiàng)目，Dojo Foundation Maqetta是為桌面和移動(dòng)設(shè)備開發(fā)HTML5應(yīng)用的開源工具，支持在瀏覽器中查看HTML5界面。用戶體驗(yàn)設(shè)計(jì)師可以通過(guò)拖放組裝UI樣板
七、微軟Visual Studio 2010 ServicePack 1
雖然一開始并不支持HTML5，但微軟在2011年三月發(fā)布的Visual Studio 2010 SP1中提供了IntelliSense，追加了針對(duì)HTML5的一些元素。
八、JetBrains WebStorm 4.0
作為擁有HTML編輯器的JavaScript集成開發(fā)環(huán)境，WebStorm4.0提供了開發(fā)web應(yīng)用的HTML5樣板。開發(fā)者可以在創(chuàng)建HTML文檔時(shí)可獲得對(duì)HTML5文件的支持。例如砍伐者鍵入。開發(fā)者還可以在chrome瀏覽器中實(shí)時(shí)預(yù)覽HTML文檔。
九、Google Web Toolkit
該開發(fā)工具用于開發(fā)瀏覽器應(yīng)用，但庫(kù)中支持很多HTML5功能。包括對(duì)客戶端或web存儲(chǔ)的支持。其他HTML5功能還包括支持Canvas可視化，以及音頻和視頻widget。
重慶分公司
重慶分公司
