H5开发 第一天准备工作

很多想学html5的同学都不知道html5开发工具有哪些，具体哪一个最好用。

　　今天就为大家推荐几款html5开发工具。

　　hbuilder

　　hbuilder是DCloud推出的一款支持HTML5的Web开发IDE。快，是HBuilder的最大优势，通过完整的语法提示和代码输入法、代码块等，大幅提升HTML、js、css的开发效率。同时，它还包括最全面的语法库和浏览器兼容性数据。

　　高级文本编辑器(Sublime Text)

　　Sublime Text 很赞的代码编辑器，界面设置非常人性化，左边是代码缩略图，右边是代码区域，你可以在左边的代码缩略图区域轻松定位程序代码的位置，高亮色彩功能非常方便编程工作。

　　代码编辑器(Notepad++)

　　Notepad++ 程序员必备的文本编辑器，软件小巧高效，支持27种编程语言，通吃C,C++ ,Java ,C#, XML, HTML, PHP,JS 等，推荐各位下载使用。Notepad++ 可完美地取代微软的记事本。

　　Dreamweaver CS6

　　Dreamweaver CS6 是世界顶级软件厂商Adobe推出的一套拥有可视化编辑界面，用于制作并编辑网站和移动应用程序的网页设计软件。

　　由于它支持代码、拆分、设计、实时视图等多种方式来创作、编写和修改网页，对于初级人员，你可以无需编写任何代码就能快速创建Web页面。其成熟的代码编辑工具更适用于Web开发高级人员的创作!

　　CS6新版本使用了自适应网格版面创建页面，在发布前使用多屏幕预览审阅设计,可大大提高工作效率。改善的 FTP 性能，更高效地传输大型文件。“实时视图”和“多屏幕预览”面板可呈现 HTML5 代码，更能够检查自己的工作。

　　MyEclipse

　　MyEclipse，是十分优秀的用于开发Java, J2EE的Eclipse插件集合，MyEclipse的功能非常强大，支持也十分广泛，尤其是对各种开源产品的支持十分不错。

　　EditPlus(文本编辑器)

　　EditPlus是一款为Internet准备的、运行于Windows 下的32位文本、html编辑器, 同时也是程序员们非常喜爱的编辑器。你完全可以用它代替Windows笔记本, 它也为许多网页高手和程序员提供便利!

　　Adobe Edge

　　目前还处于预览阶段的Adobe Edge 是用HTML5、CSS、Java开发动态互动内容的设计工具。内容可以同时兼容移动设备和桌面电脑。Edge的一个重要功能是web工具包界面，方便确保页面在不同浏览器中的架构一致性，此外Edge还将整合TypeKit这样的字体服务。

　　动画和图形可以添加到HTML元素中，程序也能通过Edge自身的代码片段库或者Java代码进行扩展。动画可以在独立的时间线上进行嵌套，还能实现互动功能。符合可以服用并通过API和代码片段控制。通过Edge设计的内容可以兼容iOS和Android设备，也可以运行在火狐、Chrome、Safari和IE9等主流浏览器。

　　Adobe Dreamweaver CS6

　　Adobe Dreamweaver CS6作为一个web设计软件，提供了对HTML网站和移动程序的可视化编辑界面。其Fluid Grid 排版系统整合CSS样式表功能，提供自适应版面的跨平台兼容性。开发者可以完全实现web设计的可视化操作，无需为代码所困。

　　用户不但还能在Live View中预览，还提供多屏幕预览功能。开发者可以通过MultiScreen预览面板查看HTML5内容的渲染效果。Live View通过WebKit渲染引擎支持HTML5。

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

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

　　DevExtreme官网：http://js.devexpress.com/

　　Edge Animate CCEdge Animate CC可以让你很轻松的为现代Web设计交互式和生动地HTML内容

　　主要特性：

　　HTML动画：设计表达、动画内容轻松精确以及写实。你还可以将运动和交互添加到现有的HTML布局与模板中。

　　精确控制：使用直观的时间轴进行设计来达到惊人的精确度。

　　跨平台多设备：支持iOS、Android智能手机和平板电脑，以及现代的桌面浏览器。

　　mobl

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

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

　　mobl官网：http://www.mobl-lang.org/

　　Lungo 最佳HTML5移动框架

　　Lungo是一款基于HTML5的开发框架，专为想要设计、构建和共享跨设备应用的开发者而准备。支持开放的Web标准，如HTML5、CSS3和Java;支持手机、电视以及桌面设备。拥有强大的Java API：开发webAPP应用有很多种方式，而不是一味的优化。Lungo提供了一个强大的API，这样你可以完全掌控自己的webAPP应用程序。

 

        而我选择了前面两种编辑器  hbuilder 和 Sublime Text3 ，在后面的开发过程中我会主要介绍sublime text3。