html5开发用什么开发工具好一些?

html-css026

html5开发用什么开发工具好一些?,第1张

5款非常好用的html5移动开发工具:

NO.1   DCloudHBuilder:基于HTML5开发工具

DCloudHBuilder:基于HTML5开发工具是当前最快的HTML开发工具,强大的代码助手帮你快速完成开发,最全的语法库和浏览器兼容性数据让浏览器碎片化不再头痛,DCloud 还提供云端打包服务,可以让开发者直接在云端生成 .ipa 或 .apk 安装包供部署调试。

DCloud HBuilder致力于做最好用的HTML5移动开发工具。

NO.2 一款在线Html5移动开发工具-Animatron

Animatron是一款简单而又强大的在线工具,通过它,你可以创建出令人惊叹的的HTML5动画和互动内容。 使用非常直观的Animatron编辑器去设计和发布完美的移动产品,同时也可以到处播放的电影和信息图表等,从桌面浏览器到移动设备,无需编码,所见即所得。

NO.3 Lungo   最佳HTML5移动框架

Lungo是一款基于HTML5的开发框架,专为想要设计、构建和共享跨设备应用的开发者而准备。

支持开放的Web标准,如HTML5、CSS3和JavaScript;支持手机、电视以及桌面设备。

拥有强大的JavaScript API:开发webAPP应用有很多种方式,而不是一味的优化。Lungo提供了一个强大的API,这样你可以完全掌控自己的webAPP应用程序。

NO.4  mobl

mobl 是一个新的开源的编程语言,主要用于加速手机应用的开发,mobl 可方便构建手机 web 应用程序,包括 iOS、Android 和其他支持 HTML5 技术的手机。

Mobl使用一种与JavaScript非常类似的脚本语言实现了静态类型的推断语言。该语言拥有以下顶级结构: 实体(entities)、类型(types)、函数(functions)、控件(controls)、屏幕(screens)、样式(styles )和设备(services)。实体是在本地存储中持久化的数据元素,而类型是一种供我们使用的不稳定的数据。函数与那些定义在JavaScript以及能够调用JavaScript代码的语言中的函数类似等。

NO.5  DevExtreme性能最优的跨平台移动应用开发框架

DevExtreme是专为你的移动世界精心准备的,一个跨平台开发的HTML5/JS框架,可以构建iOS、Android、Tizen和Windows Phone 8应用程序,是Visual Studio开发人员开发跨平台移动产品的优选工具。

需要安装以下软件:

1.html5开发者指南:这一文档举例说明了如何来编写html5文档,更好地为初学者提供了简单和可实践的应用程序,同时也为高级开发人员提供了更深度的信息。

2.WHATWG博客:是网络超文本应用技术工作小组的博客,其实就是负责html5规格的那些人。

3.Dive Into HTML:这是一本从html5规格和其他标准中精心挑选并详述特征的一本书籍。

4.html5医生:这里有很多关于html5及其语义、以及如何来正确使用它等等的一些文章。

5.html5可视备忘单:这是一个简单的可视网格,包含了所有html5标签和相关的属性。

6.html5画廊:主要有两个目标,一个是展示用html5布局的网站,可以更好看到别人如何来理解html5规格和如何来应用它,另一个是帮助学习html5,如何使用html5以及如何来应用html5。

安装时需要注意一下事项:

1.避免不必要的复杂性,规范也许会写的十分复杂,但浏览器的实现却可能是很简单,规范有时会去迁就浏览器的实现。

2.支持已有内容,在现实情况中,开发者会写出各种风格的html,浏览器遇到这些代码时,在内部构建的结构应该是一样的,呈现的效果也是一样的。

3.解决实际问题,规范应该去解决现实当中实际遇到的问题,而不应该是考虑哪些复杂的理论问题。

4.根据用户使用习惯来定设计规范,当一个实践已经被广泛接受时就应该考虑将其吸纳进来,而不是禁止或是搞一个新的实践出来。

1、Sublime Text

Sublime Text 是一个跨平台的代码编辑器,同时支持Windows、Linux、Mac OS X等操作系统,也是HTML和散文先进的文本编辑器。

Sublime Text具有漂亮的用户界面和强大的功能,主要功能包括:拼写检查,书签,完整的 Python API ,Goto 功能,即时项目切换,多选择,多窗口等等。

2、Dreamweaver

Dreamweaver是集网页制作和管理网站于一身的所见即所得网页编辑器,拥有可视化编辑界面,支持代码、拆分、设计、实时视图等多种方式来创作、编写和修改网页,初学HTML5的人可以无需编写任何代码就能快速创建Web页面。

3、Adobe Edge

Adobe Edge是一款新型网页互动工具,允许设计师通过HTML5、CSS和Java制作网页动画。Edge的一个重要功能是Web工具包界面,方便确保页面在不同浏览器中的架构一致性。

4、WebStorm

WebStorm是一款Java 开发工具,目前已经被广大中国JS开发者誉为"Web前端开发神器"、"最强大的HTML5编辑器"、"最智能的Java IDE"等。

WebStorm具有的优势是:智能的代码补全、代码格式化、html提示、联想查询、代码重构、代码检查和快速修复、代码调试、代码结构浏览、代码折叠、包裹或者去掉外围代码。

5、HBuilder

HBuilder,即Html Builder的缩写,Builder是建造者的意思。HBuilder是一个极客工具,追求无鼠标的极速操作,不管是敲代码的快捷设定,还是操作功能的快捷设定,都融入了效率第一的设计思想。

HBuilder不为敲字母而花费时间,不为大小写拼错而调错半天,把精力花在思考上,想清楚后落笔如飞。支撑这个理念,除了体验上的精细设计,还要求我们突破很多世界级技术难题,包括语法库、语法结构模型、AST语法分析引擎。

参考资料来源:百度百科——Sublime Text

参考资料来源:百度百科——Dreamweaver

参考资料来源:百度百科——Adobe Edge

参考资料来源:百度百科——WebStorm

参考资料来源:百度百科——HBuilder