html5用什么工具开发-木庄网络博客

本文摘自PHP中文网，作者青灯夜游，侵删。

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 标准。（注：根据自身需求选择版本）

优点：

制作效率。
操控能力强。
网站管理迅速简单。
全面的 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%20webstorm

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 组件的属性和配置，就可以消除手动编码时经常发生的人为错误。（注：根据自身需求选择版本）

优点：