html5開發工具有:Dreamweaver、DevExtreme、WebStorm、Vscode、HTML5demos、HTML5 Tracker、Switch To HTML5、HTML5 Test、Lime JS等等。
本教學操作環境:windows7系統、HTML5版、Dell G3電腦。
Adobe Dreamweaver
Dreamweaver 是全球頂級軟體製造商Adobe 推出的一套擁有視覺化編輯介面,用於製作並編輯網站和行動應用程式的網頁設計軟體。 Dreamweaver 是集網頁製作和管理網站於一身的所見即所得的網頁代碼編輯器,借助其經過簡化的智能編碼引擎,視覺輔助功能減少錯誤並提高網站開發速度,輕鬆創建、編碼和管理動態網站。也能夠透過存取程式碼提示,快速了解 HTML 、CSS 以及其他 Web 標準。 (註:依自身需求選擇版本)
#優點:
DevExtreme
#DevExtreme 是高效能的HTML5,CSS和Java行動開發框架,可直接在Visual Studio整合開發環境,建構行動應用程式。從 Angular 和 React 到 ASP.NET MVC 或 Vue ,DevExtreme 包括一系列高效能和響應式 UI 小部件,用於傳統的Web和下一代行動應用程式。目前,DevExtreme V19.1.6 全新發布,是Visual Studio開發人員開發跨平台行動產品的首選工具。 (註:根據自身需求選擇版本)官方地址連結:https://js.devexpress.com/JetBrains WebStorm
WebStorm是jetbrains 公司旗下一款JavaScript 開發工具。被廣大中國JS開發者譽為「Web前端開發神器」、「最強大的HTML5編輯器」、「最聰明的JavaS IDE」等。與IntelliJ IDEA同源,繼承了IntelliJ IDEA強大的JS部分的功能。 (附註:依自身需求選擇版本)優點:Visual Studio Code
Vscode 是十分出色的ide 開發工具,介面美觀大方,功能強勁實用,軟體支援中文,擁有豐富的插件,整合了所有一款現代編輯器所應該具備的特性,包括語法高亮(syntax high lighting),可自訂的熱鍵綁定(customizable keyboard bindings),括號匹配(bracket matching)以及程式碼片段收集(snippets)。支援 Windows,OS X 和 Linux 。內建 JavaScript、TypeScript 和 Node.js 支援。 優點:Sencha Architect
Architect 在開發行動和桌面應用的工具中的定位是HTML5視覺化應用程式開發。開發團隊可以使用拖放功能來建立HTML5應用程序,因此您可以減少在手動編碼上的時間,並且可以對應用程式程式碼進行最佳化以實現高效能。 Architect 消除了鍵入大多數樣板程式碼的需要,從而節省了開發人員的時間。自動程式碼產生可加速桌面和行動應用程式的開發。只需在 WYSIWYG 視窗中變更任何 Ext JS UI 元件的屬性和配置,就可以消除手動編碼時經常發生的人為錯誤。 (註:根據自身需求選擇版本)
優點:
拖曳元件
支援模型-檢視— —控制器模式。
支援 Sencha Touch 和 Ext JS 4 建立行動和桌面 Web 應用。
內建針對 IOS 與 Android 一鍵式原生打包功能。
官方網址連結:https://www.sencha.com/products/architect/
HTML5demos
想知道你的瀏覽器是否支援HTML5 Canvas 嗎?想知道 Safari 是否可以執行簡單的 HTML5 聊天用戶端嗎? HTML5demos 會告訴你每個HTML5功能在哪些瀏覽器中支援。
官方連結網址:http://html5demos.com/
HTML5 Tracker
想了解HTML5的最新動向嗎? 使用HTML5 Tracker 吧,它可以追蹤HTML5 最新修訂資訊。
HTML5 visual cheat sheet
想要快速超找一個標籤或屬性嗎?看看這個非常酷的速查手冊吧,每個Web開發人員的必備。
非官方連結網址:https://download.csdn.net/download/vick1217/4414181
Switch To HTML5
#Switch To HTML5是一個基礎而實用的模板產生工具。如果你開始一個新項目,可以到這裡取得免費的 HTML5 網站模板。
HTML5 Test
你瀏覽器準備好迎接 HTML5 革命了嗎? HTML5 Test 將告訴你。這個網站會為你目前使用的瀏覽器產生一份對video、audio、canvas等等特性的支援情況的完整報告。
官方連結地址:http://html5test.com/
Lime JS
LimeJS 是一個HTML5 遊戲開發框架,用於為所有現代觸控螢幕和桌面瀏覽器建立快速的本機體驗遊戲。
官方連結網址:http://www.limejs.com/
更多程式相關知識,請造訪:程式設計影片! !
以上是html5用什麼工具開發的詳細內容。更多資訊請關注PHP中文網其他相關文章!