html5用什麼工具開發-html教學-PHP中文網

html5用什麼工具開發

青灯夜游

發布： 2021-05-20 16:46:24

原創

2913 人瀏覽過

html5開發工具有：Dreamweaver、DevExtreme、WebStorm、Vscode、HTML5demos、HTML5 Tracker、Switch To HTML5、HTML5 Test、Lime JS等等。

html5用什麼工具開發

本教學操作環境：windows7系統、HTML5版、Dell G3電腦。

Adobe Dreamweaver

Dreamweaver 是全球頂級軟體製造商Adobe 推出的一套擁有視覺化編輯介面，用於製作並編輯網站和行動應用程式的網頁設計軟體。 Dreamweaver 是集網頁製作和管理網站於一身的所見即所得的網頁代碼編輯器，借助其經過簡化的智能編碼引擎，視覺輔助功能減少錯誤並提高網站開發速度，輕鬆創建、編碼和管理動態網站。也能夠透過存取程式碼提示，快速了解 HTML 、CSS 以及其他 Web 標準。（註：依自身需求選擇版本）

#優點：

搭配不良控制能力上。
網站管理快速且簡單。
全面的 CSS 支援。
學習資源多，如 DW 社群。

缺點：

效果難以精確達到與瀏覽器一致的顯示效果。
不方便監控產生乾淨且準確的 HTML 程式碼。

官網網址連結：https://www.adobe.com/cn/products/dreamweaver.html

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部分的功能。

（附註：依自身需求選擇版本）

優點：

#智慧的程式碼補全，支援不同瀏覽器的提示。
程式碼格式化，規則自訂。
HTML 智慧提示。
聯想查詢，尋找高亮。
程式碼重構。
程式碼檢查，快速修復。
程式碼偵錯。
程式碼結構快速瀏覽與定位。
程式碼折疊。
自動提示程式碼包裹或移除包裹。

官方網址連結：https://www.jetbrains.com/zh-cn/webstorm/?utm_source=baidu&utm_medium=cpc&utm_campaign=cn-bai-br-core-ex-pc&utm_content =brand-webstorm&utm_term=jetbrains webstorm

Visual Studio Code

Vscode 是十分出色的ide 開發工具，介面美觀大方，功能強勁實用，軟體支援中文，擁有豐富的插件，整合了所有一款現代編輯器所應該具備的特性，包括語法高亮(syntax high lighting)，可自訂的熱鍵綁定(customizable keyboard bindings)，括號匹配(bracket matching)以及程式碼片段收集(snippets)。支援 Windows，OS X 和 Linux 。內建 JavaScript、TypeScript 和 Node.js 支援。

優點：

免費
#借助IntelliSense超越了語法突出顯示和自動完成功能。
直接從編輯器偵錯程式碼。
內建 Git 指令。
可擴展和可自訂。
以 Microsoft Azure 輕鬆部署和託管網站。

官方連結網址：https://code.visualstudio.com/#built-in-git

Sencha Architect

Architect 在開發行動和桌面應用的工具中的定位是HTML5視覺化應用程式開發。開發團隊可以使用拖放功能來建立HTML5應用程序，因此您可以減少在手動編碼上的時間，並且可以對應用程式程式碼進行最佳化以實現高效能。 Architect 消除了鍵入大多數樣板程式碼的需要，從而節省了開發人員的時間。自動程式碼產生可加速桌面和行動應用程式的開發。只需在 WYSIWYG 視窗中變更任何 Ext JS UI 元件的屬性和配置，就可以消除手動編碼時經常發生的人為錯誤。（註：根據自身需求選擇版本）

優點：