推荐几款HTML5开发工具

开发工具

1. Adobe Dreamweaver

Dreamweaver 是世界顶级软件厂商 Adobe 推出的一套拥有可视化编辑界面，用于制作并编辑网站和移动应用程序的网页设计软件。Dreamweaver 是集网页制作和管理网站于一身的所见即所得的网页代码编辑器，借助其经过简化的智能编码引擎，视觉辅助功能减少错误并提高网站开发速度，轻松创建、编码和管理动态网站。还能够通过访问代码提示，快速了解 HTML 、CSS 以及其他 Web 标准。（注：根据自身需求选择版本）

优点：

• 制作效率。
• 操控能力强。
• 网站管理迅速简单。
• 全面的 CSS 支持。
• 学习资源多，如 DW 社区。

缺点：

• 效果难以精确达到与浏览器一致的显示效果。
• 不便监控生成干净准确的 HTML 代码。

官网地址链接：https://www.adobe.com/cn/products/dreamweaver.html

2. 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/

3. 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

4. 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

5. Sencha Architect

Architect 在开发移动和桌面应用的工具中的定位是HTML5可视化应用开发。开发团队可以使用拖放功能来构建HTML5应用程序，因此您可以减少在手动编码上的时间，并且可以对应用程序代码进行优化以实现高性能。Architect 消除了键入大多数样板代码的需要，从而节省了开发人员的时间。自动代码生成可加速桌面和移动应用程序的开发。只需在 WYSIWYG 窗口中更改任何 Ext JS UI 组件的属性和配置，就可以消除手动编码时经常发生的人为错误。（注：根据自身需求选择版本）

优点：

• 拖拽组件
• 支持模型——视图——控制器模式。
• 支持 Sencha Touch 和 Ext JS 4 构建移动和桌面 Web 应用。
• 内置针对 IOS 与 Android 一键式原生打包功能。

官方地址链接：https://www.sencha.com/products/architect/

以上内容转载于：https://www.w3cschool.cn/html5/html5-tool.html（HTML5开发工具）

6、Notepad++

Notepad++是Windows操作系统下的一套文本编辑器，有完整的中文化接口及支持多国语言编写的功能(UTF8技术)。其功能比 Windows 中的 Notepad(记事本)强大，除了可以用来制作一般的纯文字说明文件，也十分适合编写计算机程序代码。Notepad++ 不仅有语法高亮度显示，也有语法折叠功能，并且支持宏以及扩充基本功能的外挂模组。Notepad++是免费软件，可以免费使用，自带中文，支持众多计算机程序语言。

优点：

• 所见即所得功能、语法高亮、字词自动完成功能，支持同时编辑多重文档;支持自定义语言;
• 对于HTML网页编程代码，可直接选择在不同的浏览器中打开查看，以方便进行调试;
• 自动检测文件类型，根据关键字显示节点，节点可自由折叠/打开，可显示缩进引导线，使代码富有层次感;
• 可打开双窗口，在分窗口中又可打开多个子窗口;
• 可显示选中文本的字节数，并非普通编辑器所显示的字数;提供了一些实用工具，如邻行互换位置、宏功能等;

官方地址链接：https://notepad-plus.en.softonic.com/download

7、Sublime Text

Sublime Text具有漂亮的用户界面和强大的功能，例如代码缩略图，Python的插件，代码段等。还可自定义键绑定，菜单和工具栏。Sublime Text 的主要功能包括:拼写检查，书签，完整的 Python API ， Goto 功能，即时项目切换，多选择，多窗口等等。Sublime Text 是一个跨平台的编辑器，同时支持Windows、Linux、Mac OS X等操作系统。

官方地址链接:https://www.sublimetext.com/