工具/原料 　　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开发工具，一定要用用试试。

　　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语法分析引擎。 　　十款好用的HTML5开发工具 　　一、HBuilder 　　hbuilder是DCloud推出的一款支持HTML5的Web开发IDE。快，是HBuilder的最大优势，通过完整的语法提示和代码输入法、代码块等，大幅提升HTML、js、css的开发效率。同时，它还包括最全面的语法库和浏览器兼容性数据。 　　二、Notepad++ 　　Notepad++ 程序员必备的文本编辑器，软件小巧高效，支持27种编程语言，通吃C,C++ ,Java ,C#, XML, HTML, PHP,JS 等，推荐各位下载使用。Notepad++ 可完美地取代微软的记事本。 　　三、Dreamweaver 　　Dreamweaver "梦想编织者"，是世界顶级软件厂商Adobe推出的一套拥有可视化编辑界面，用于制作并编辑网站和移动应用程序的网页设计软件。 　　由于它支持代码、拆分、设计、实时视图等多种方式来创作、编写和修改网页，对于初级人员，你可以无需编写任何代码就能快速创建Web页面。其成熟的代码编辑工具更适用于Web开发高级人员的创作！ 　　四、Sublime Text 3 　　Sublime Text 很赞的代码编辑器，界面设置非常人性化，左边是代码缩略图，右边是代码区域，你可以在左边的代码缩略图区域轻松定位程序代码的位置，高亮色彩功能非常方便编程工作。 　　五、Eclipse 　　Eclipse的本身只是一个框架平台，但是众多插件的支持使得Eclipse拥有其他功能相对固定的IDE软件很难具有的灵活性。许多软件开发商以Eclipse为框架开发自己的IDE。Eclipse最初是由IBM公司开发的替代商业软件Visual Age for Java的下一代ide开发环境，2001年11月贡献给开源社区，现在它由非营利软件供应商联盟Eclipse基金会（Eclipse Foundation）管理。 　　六、EditPlus 　　EditPlus是一款为Internet准备的、运行于Windows 下的32位文本、html编辑器, 同时也是程序员们非常喜爱的编辑器。你完全可以用它代替Windows笔记本, 它也为许多网页高手和程序员提供便利！ 　　七、WebStorm 　　WebStorm是一款强大的HTML5/JavaScript Web前端开发工具，被广大JS开发者誉为“Web前端开发神器”。WebStorm 8全新特性中包括对AngularJS的支持，能够高效准确地智能感知Angular语法、指令。WebStorm还完美支持Spy-js，合并了这款JavaScript调试利器，大大提高了开发者们的工作效率。 　　八、UEStudio 　　程序员使用的编辑器或代码编辑器是一款强大 IDE 的重要组成部分。它是任何 IDE 的核心基础。UEStudio 基于著名的 UltraEdit 进行构建。同样，程序的主干非常成熟和稳定，并且已经被证实成为文本和程序编辑器的事实标准。 　　九、FirHtml网页编辑器 　　FirHtml网页编辑器一个简洁，小巧的网页编辑器。 我们通过上一代，开发出全新的网页编辑器，帮助您高效地设计出精美的网页！新版增加了添加文件域功能。 　　十、Vim 　　Vim是Linux上的著名的文本编辑器，他是早年的Vi编辑器的加强版。这个gVim是windows版的，并且有了标准的windows风格的图形界面，所以叫g(graphical)Vim。这是一个国际版本，会根据安装的平台自动选择相应语言包，支持中文及其各种编码，连界面也是中文的，请放心使用。这个极具Unix特色和风格(simple is the best)的编辑器相信会给您带来不同的感受。 　　1、Adobe Dreamweaver CS6；2、HTML5demos；3、DevExtreme；4、JetBrains WebStorm；5、Sencha Architect；6、Initializr等。 　　HTML是一个文本文件，理论上使用任何的文本编辑器都可以编写HTML，例如：记事本等。但是要想高效编写HTML，还需要专业的编辑器，这些专业的编辑器可以实现代码自动补齐，着色，预览等功能。 　　下面推荐几款流行的HTML编辑器： 　　Atom，GitHub推出的一款免费前端编辑器非常强大，强烈推荐。Eclipse，主要用来开发Java程序，对HTML支持也很好。Aptana Studio 3，基于Eclipse开发的，非常强大的一款前端开发工具。http://codingdict.com/article/1449 　　HTML5是万维网的核心语言、标准通用标记语言下的一个应用超文本标记语言（HTML）的第五次重大修改,网页前端的标准书写； 　　越来越多的行业巨头正不断向HTML5示好。除苹果、微软、黑莓之外，谷歌的Youtube已部分使用HTML5；Chrome浏览器宣布全面支持HTML5；Facebook则不遗余力地为HTML5进行着病毒式传播。那么html5开发工具有哪些？ 　　一．builder 　　hbuilder是DCloud推出的一款支持HTML5的Web开发IDE。快，是HBuilder的最大优势，通过完整的语法提示和代码输入法、代码块等，大幅提升HTML、js、css的开发效率。同时，它还包括最全面的语法库和浏览器兼容性数据。 　　二．代码编辑器(Notepad++) 　　Notepad++ 程序员必备的文本编辑器，软件小巧高效，支持27种编程语言，通吃C,C++ ,Java ,C#, XML, HTML, PHP,JS 等，推荐各位下载使用。Notepad++ 可完美地取代微软的记事本。 　　三．Dreamweaver CS6 　　Dreamweaver CS6 是世界顶级软件厂商Adobe推出的一套拥有可视化编辑界面，用于制作并编辑网站和移动应用程序的网页设计软件。 　　由于它支持代码、拆分、设计、实时视图等多种方式来创作、编写和修改网页，对于初级人员，你可以无需编写任何代码就能快速创建Web页面。其成熟的代码编辑工具更适用于Web开发高级人员的创作! 　　CS6新版本使用了自适应网格版面创建页面，在发布前使用多屏幕预览审阅设计,可大大提高工作效率。改善的 FTP 性能，更高效地传输大型文件。“实时视图”和“多屏幕预览”面板可呈现 HTML5 代码，更能够检查自己的工作。 　　四．高级文本编辑器(Sublime Text) 　　Sublime Text 很赞的代码编辑器，界面设置非常人性化，左边是代码缩略图，右边是代码区域，你可以在左边的代码缩略图区域轻松定位程序代码的位置，高亮色彩功能非常方便编程工作。 　　五．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开发人员开发跨平台移动产品的优选工具。 　　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代码的语言中的函数类似等。 　　十一．Lungo 最佳HTML5移动框架 　　Lungo是一款基于HTML5的开发框架，专为想要设计、构建和共享跨设备应用的开发者而准备。支持开放的Web标准，如HTML5、CSS3和Java;支持手机、电视以及桌面设备。拥有强大的Java API：开发webAPP应用有很多种方式，而不是一味的优化。Lungo提供了一个强大的API，这样你可以完全掌控自己的webAPP应用程序。

　　通用编辑器sublime/atomphp的话phpstorm服务端开发环境virtualbox+vagrant+homestead前端调试当然是chrome和一大堆extensions，在mac下，所以用virtualbox测试windows下的ie浏览器shell工具用iterm版本控制sourcetree+git笔记、知识库evernote还有lantern，你懂的