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