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 组件的属性和配置,就可以消除手动编码时经常发生的人为错误。(注:根据自身需求选择版本)
优点:
拖拽组件
支持模型——视图——控制器模式。
支持 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用什么工具开发的详细内容。