windows下做html5开发用什么工具

工具/原料

Adobe Dreamweaver CS6

Adobe Edge

DevExtreme

JetBrains WebStorm

Sencha Architect

Initializr

HTML5demos

HTML5 Tracker

HTML5 visual cheat sheet

Switch To HTML5

HTML5 Test

Lime JS

12款程序员必备的HTML 5开发工具

方法/步骤1:

1、 Adobe Dreamweaver CS6

Dreamweaver CS6是世界顶级软件厂商Adobe推出的一套拥有可视化编辑界面，用于制作并编辑网站和移动应用程序的网页设计软件。由于Dreamweaver支持代码、拆分、设计、实时视图等多种方式来创作、编写和修改网页，对于初级人员，你可以无需编写任何代码就能快速创建Web页面。其成熟的代码编辑工具更适用于Web开发高级人员的创作！

方法/步骤2:

2、 Adobe Edge

Adobe Edge是一个用HTML5、CSS、Java开发动态互动内容的设计工具。它的一个重要功能是web工具包界面，用于方便确保在不同浏览器中架构的一致性，此外，Adobe Edge还将整合TypeKit这样的字体服务。通过Edge设计的内容可以兼容iOS和Android设备，也可以运行在火狐、Chrome、Safari和IE9等主流浏览器上。

方法/步骤3:

3、 DevExtreme

DevExtreme Complete Subion是性能最优的HTML5，CSS和Java移动开发框架，可以直接在Visual Studio集成开发环境，构建iOS，Android，Tizen和Windows Phone 8应用程序。DevExtreme包含 PhoneJS 和 ChartJS 两个原生UI组件，并且提供源代码。目前，DevExtreme支持VS2010/2012/2013集成开发环境，兼容Android 4+、iOS5+、Windows 8、Window Phone 8、Tizen五大移动平台，是Visual Studio开发人员开发跨平台移动产品的首选工具。

方法/步骤4:

4、 JetBrains WebStorm

WebStorm 是jetbrains公司旗下一款JavaScript开发工具。被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaS IDE”等。与IntelliJ IDEA同源，继承了IntelliJ IDEA强大的JS部分的功能。

方法/步骤5:

5、 Sencha Architect

在开发移动和桌面应用的工具中，Sencha的定位是HTML5可视化应用开发。开发团队可以在一个单一集成的环境中完成应用的设计、开发和部署。开发者还可以开发Sencha Touch2和Ext JS4 Java应用，并实时预览。

方法/步骤6:

6、Initializr

Initializr 是制作 HTML5 网站最好的入门辅助开发工具，你可以使用提供的特色模板快速生成网站，也可以自定义，Initializr 会为你生成代码简洁的可定制的网页模板。

方法/步骤7:

7、HTML5demos

想知道你的浏览器是否支持 HTML5 Canvas 吗想知道 Safari 是否可以运行简单的 HTML5 聊天客户端吗HTML5demos 会告诉你每一个HTML5特性在哪些浏览器中支持。

方法/步骤8:

8、HTML5 Tracker

想了解 HTML5的最新动向吗？ 使用 HTML5 Tracker 吧，它可以跟踪 HTML5 最新修订信息。

方法/步骤9:

9、HTML5 visual cheat sheet

想要快速超找一个标签或者属性吗看看这个非常酷的速查手册吧，每个Web开发人员的必备。

方法/步骤10:

10、Switch To HTML5

Switch To HTML5 是一个基础而实用的模板生成工具。如果你开始一个新项目，可以到这里获取免费的 HTML5 网站模板。

方法/步骤11:

11、HTML5 Test

你浏览器准备好迎接 HTML5 革命了吗HTML5 Test 将告诉你。这个网站会为你当前使用的浏览器生成一份对video、audio、canvas等等特性的支持情况的完整报告。

方法/步骤12:

12、Lime JS

LimeJS 是一个 HTML5 游戏开发框架，用于快速构建运行于触屏设备和桌面浏览器的游戏。非常棒的HTML5开发工具，一定要用用试试。