家好，请允许我做一个尴尬而又不失礼貌的微笑^_^，今天小编就来盘点一下当下主流的html 5 开发工具。

1：HBuilder

小编引用一下他们的slogan：飞速编码的极客工具，手指爽，眼睛爽。

小编先好好介绍一下它：

• 内置emmet：tab一下生成一串代码

• 无死角提示：除了语法，还能提示ID、Class、图片、链接、字体

• 多语言支持：php、jsp、ruby、python、nodejs等web语言，less、coffee等编译型语言均支持

• 实时预览，一边敲一边看

• 超级全的与法库

• 转到定义和一键搜索

2：Animatron

小伙伴们，这是一个在线工具，但是功能的确很强大并且还简单。随意设计和发布，所见即所得，不用编码。有没有很方便呢？

将工程保存到云端，随时随地访问，真的不要再方便。

3：JetBrains WebStorm

WebStorm 是jetbrains公司旗下一款JavaScript 开发工具。目前已经被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaScript IDE”等。

特点：

• 智能的代码补全

• 代码格式化

• html提示

• 联想查询

• 代码重构

• 代码检查和快速修复

• 代码调试

• 代码结构浏览

• 代码折叠

• 包裹或者去掉外围代码

4：Sencha Architect

Sencha Architect 2是个可视化的应用构建器，它使用Sencha Touch 2来构建移动应用，使用ExtJS 4来构建桌面应用。

特点：

1、通过拖拽组件来创建富用户界面并连接到后端的数据源。

2、支持通过Sencha Touch 2来构建移动Web应用以及通过Ext JS 4来构建桌面Web应用。其提供的代码编辑功能可以在Sencha Architect中创建整个应用。

3、支持模型--视图--控制器模式。内置的针对iOS与Android的一键式原生打包功能。

5：Adobe Edge

Adobe Edge是adobe公司的一款新型网页互动工具。

Adobe Edge的目的是帮助专业设计师制作网页动画乃至简单游戏。该工具的重点放在动画引擎上，但adobe承诺将增加更多HTML5功能，比如Canvas、HTML5音频/视频标签等。支持Android、iOS、webOS、黑莓PlayBook、Firefox、Chrome、Safari和IE9等各个平台。Adobe于2014年正式推出Adobe Edge AnimateCC集成了hml5、js、css的开发工具。

Adobe对于我们来讲，真的再熟悉不过了。

有人说，Edge是不是要代替flash，哦，不。Edge只是为网页设计人员提供了一种工具，帮助他们在不支持Flash的设备(比如苹果iOS设备)上制作网络动画。

Ps：如今的flash，不用怕被谁代替，因为它会慢慢成为历史。

6：Adobe Dreamweaver

这款神一样的软件，小编就不做介绍啦。

7：Visual Studio Code

VSCode 好多小伙伴在评论区推荐，小便漏掉了，现在补上。

Microsoft在2015年4月30日Build 开发者大会上正式宣布了 Visual Studio Code 项目：一个运行于 Mac OS X、Windows和 Linux 之上的，针对于编写现代 Web 和云应用的跨平台源代码编辑器。

8、Sublime Text

Sublime Text 是一个代码编辑器（Sublime Text 2是收费软件，但可以无限期试用），也是HTML和散文先进的文本编辑器。Sublime Text是由程序员Jon Skinner于2008年1月份所开发出来，它最初被设计为一个具有丰富扩展功能的Vim。

Sublime Text具有漂亮的用户界面和强大的功能，例如代码缩略图，Python的插件，代码段等。还可自定义键绑定，菜单和工具栏。Sublime Text 的主要功能包括：拼写检查，书签，完整的 Python API ， Goto 功能，即时项目切换，多选择，多窗口等等。Sublime Text 是一个跨平台的编辑器，同时支持Windows、Linux、Mac OS X等操作系统。

快在留言区告诉小编，你都在用什么软件开发HTML5呢？一起交流学习吧！

eb前端开发工程师需要核心掌握HTML/CSS/JS开发，在几年前HTML5标准进入国内后，得到了快速的应用于推广，开发人员为了实现更多的效果和功能，将HTML5的应用推崇到了极高的位置。作为Web前端开发工程师你是否了解HTML5常用的开发工具呢？本文，千锋武汉Web前端培训小编列举HTML5常用的10款开发工具！

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

2、HTML5 visual cheat sheet——HTML5 visual cheat sheet是一个非常酷的速查手册，每个Web开发人员的必备神器，可以帮助大家高速查找一个标签或者属性。

3、Cross browser HTML5 forms——HTML5中的日历，取色板，滑块部件等都是非常棒工具，但是有些浏览器不支持。Cross browser HTML5 forms还可以帮助你构建完美的HTML5表单兼容方案。

4、HTML5demos——HTML5demos会告诉你每一个HTML5特性在哪些浏览器中支持，比如说你的浏览器是否支持HTML5 Canvas?Safari是否可以运行简单的HTML5聊天客户端等问题。

5、Switch To HTML5——Switch To HTML5是一个基础而实用的模板生成工具。

6、HTML5 Tracker——HTML5 Tracker可以跟踪HTML5全新修订信息。使用HTML5 Tracker可以了解HTML5的全新动向。

7、HTML5 Test——HTML5 Test会为你当前使用的浏览器生成一份对video、audio、canvas等等特性的支持情况的完整报告。快快让你的浏览器准备好迎接HTML5革命吧。

8、HTML5 Canvas cheat——sheet Canvas元素是HTML5的重要元素之一，它可以在网页中绘制图形，非常强大。这是一个Canvas元素的详细速查手册。

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

10、HTML5 Reset——HTML5 Reset是一组文件，包括HTML、CSS等，用于在开始新项目的时候帮助你节省时间，提供HTML5的空白WordPress模板。

以上就是千锋武汉Web前端培训小编列举的Web前端工程师需要了解的10个HTML5常用工具。这些工具在不同的开发领域发挥着极大的作用。你可以根据你现在从事的岗位对照一下，是否你已经掌握的这些比较高效的工具了呢？

如果你想学习Web前端，就来千锋武汉Web前端培训，大牛讲师全程面授，严格管理，紧贴主流企业一线需求，助力学员毕业即高薪就业。现在还可以来千锋武汉Web前端培训，申请两周免费试听，亲身感受讲师的授课水平。

reamweaver对一个web前端工作者来说，再熟悉不过了，像我07年接触web前端开发就是用的Dreamweaver，一直用到现在， 身边的朋友有跟我推荐过各种更好用的可替代Dreamweaver的工具，一开始我是拒绝的，但是后来我发现竟然真有比Dreamweaver好用的工 具，智能提示，自动补全工具，模糊编码这些用上手了以后根本停不下来。

Sublime Text

Sublime Text2是一款跨平台的编辑器，再也不用为换平台而找不到合适的、熟悉的编辑器担忧了。

Sublime Text2 是一款具有代码高亮、语法提示、自动完成且反应快速的编辑器软件，不仅具有华丽的界面，还支持插件扩展机制，用她来写代码，绝对是一种享受。

Sublime Text 2 的特色功能：

良好的扩展功能，官方称之为安装包(Package)右边没有滚动条，取而代之的是代码缩略图，这个功能非常赞强大的快捷命令“可以实时搜索到相应的命令、选项、snippet 和 syntex，按下回车就可以直接执行，减少了查找的麻烦。”即时的文件切换随心所欲的跳转到任意文件的任意位置多重选择(Multi-Selection)功能允许在页面中同时存在多个光标支持 VIM 模式支持宏，简单地说就是把操作录制下来或者自己编写命令，然后播放刚才录制的操作或者命令更新非常勤快

TopStyle5

TopStyle 是一款 CSS 开发辅助工具，即 HTML5 / CSS3 编辑器，它专注于 HTML CSS 设计辅助，提供比较多的功能，如 CSS 代码检查等，据称 TopStyle 的帮助文件非常好，有详细的 CSS 指令，适于初次接触 CSS 的学习之用。

不过如果你想对 CSS 了如指掌，对 CSS 网页布局非常熟练，还是扔掉一切辅助软件，用记事本开发，而熟练 CSS 之后，再使用此类辅助软件，可以提高工作效率和开发速度。

Chocolat

Chocolat 是Mac系统上新出现的一款强大的文本编辑器，兼具原生的Cocoa及强大的文本编辑功能。Chocolat支持多种编程语言的关键字高亮显示、窗口分割、标签页、色彩主题等功能。界面和MacVim非常相似。

Aptana

Aptana 是一个非常强大、开源、专注于Java的Ajax开发IDE。它的特性包括：

Java，Java函数，HTML，CSS语言的Code Assist功能Outliner(大纲)：显示Java，HTML和CSS的代码结构支持Java，HTML，CSS代码提示，包括Java 自定函数代码语法错误提示支持Aptana UI自定义和扩展支持跨平台支持FTP/SFTP调试Java支持流行AJAX框架的Code Assist功能：AFLAX，Dojo，JQuery，MochiKit，Prototype，Rico，.aculo.us，Yahoo UI，ExtAdobe AIR与iPhone开发工具

Komodo IDE

Komodo 是一个跨平台支持多种程序语言的Integrated Development Environment (IDE)软件，目前他支持了在Windows与Linux上 ，Pythone、Ruby、Rails、Perl、HTML、CSS、Java等的程序语言开发，以及多种程序语言语法着色。

Eclipse

Eclipse是 著名的跨平台的自由集成开发环境(IDE)。初主要用来Java语言开发，但是目前亦有人通过插件使其作为其他计算机语言比如C++和Python的开 发工具。Eclipse的本身只是一个框架平台，但是众多插件的支持使得Eclipse拥有其他功能相对固定的IDE软件很难具有的灵活性。许多软件开发 商以Eclipse为框架开发自己的IDE

Eclipse的基础是富客户机平台(Rich Client Platform，即RCP)。RCP包括下列组件：

核心平台(启动Eclipse，运行插件)OSGi(标准集束框架)SWT(可移植构件工具包)JFace(文件缓冲，文本处理，文本编辑器)Eclipse工作台(即Workbench ，包含视图(views)、编辑器(editors)、视角(perspectives)、和向导(wizards))

Eclipse 采用的技术是IBM公司开发的(SWT)，这是一种基于Java的窗口组件，类似Java本身提供的AWT和Swing窗口组件;不 过IBM声称SWT比其他Java窗口组件更有效率。Eclipse的用户界面还使用了GUI中间层JFace，从而简化了基于SWT的应用程序的构建。

Eclipse 的插件机制是轻型软件组件化架构。在富客户机平台上，Eclipse使用插件来提供所有的附加功能，例如支持Java以外的其他语 言。 已有的分离的插件已经能够支持C/C++(CDT)、Perl、Ruby，Python、telnet和数据库开发。插件架构能够支持将任意的扩展加入到 现有环境中，例如配置管理，而决不仅仅限于支持各种编程语言。

Eclipse的设计思想是：一切皆插件。Eclipse核心很小，其它所有功能都以插件的形式附加于Eclipse核心之上。Eclipse基本内核包括：图形API (SWT/Jface)， Java开发环境插件(JDT )，插件开发环境(PDE)等。 Eclipse由各种不同的计划组成。以下列出了部分计划。