大家好，请允许我做一个尴尬而又不失礼貌的微笑^_^，今天小编就来盘点一下当下主流的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呢？一起交流学习吧！