本篇教程探讨了前端开发该掌握的8款HTML5开发工具，希望阅读本篇文章以后大家有所收获，帮助大家对HTML5的理解更加深入。

内置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

小编推荐一个学Web前端的学习裙【 五四七，三零二，三八三 】，无论你是大牛还是小白，是想转行还是想入行都可以来了解一起进步一起学习！裙内有开发工具，很多干货和技术资料分享！

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等操作系统。

本文由职坐标整理发布，更多相关内容，请关注职坐标WEB前端HTML5/CSS3频道！