HTML5开发工具有哪些

1、SublimeText

SublimeText是一个跨平台的代码编辑器，同时支持Windows、Linux、MacOSX等 *** 作系统，也是HTML和散文先进的文本编辑器。

SublimeText具有漂亮的用户界面和强大的功能，主要功能包括:拼写检查，书签，完整的PythonAPI，Goto功能，即时项目切换，多选择，多窗口等等。

2、Dreamweaver

Dreamweaver是集网页制作和管理网站于一身的所见即所得网页编辑器，拥有可视化编辑界面，支持代码、拆分、设计、实时视图等多种方式来创作、编写和修改网页，初学HTML5的人可以无需编写任何代码就能快速创建Web页面。

3、AdobeEdge

AdobeEdge是一款新型网页互动工具，允许设计师通过HTML5、CSS和Java制作网页动画。Edge的一个重要功能是Web工具包界面，方便确保页面在不同浏览器中的架构一致性。

4、WebStorm

WebStorm是一款Java开发工具，目前已经被广大中国JS开发者誉为"Web前端开发神器"、"最强大的HTML5编辑器"、"最智能的JavaIDE"等。

WebStorm具有的优势是：智能的代码补全、代码格式化、html提示、联想查询、代码重构、代码检查和快速修复、代码调试、代码结构浏览、代码折叠、包裹或者去掉外围代码。

5、HBuilder

HBuilder，即HtmlBuilder的缩写，Builder是建造者的意思。HBuilder是一个极客工具，追求无鼠标的极速 *** 作，不管是敲代码的快捷设定，还是 *** 作功能的快捷设定，都融入了效率第一的设计思想。

HBuilder不为敲字母而花费时间，不为大小写拼错而调错半天，把精力花在思考上，想清楚后落笔如飞。支撑这个理念，除了体验上的精细设计，还要求我们突破很多世界级技术难题，包括语法库、语法结构模型、AST语法分析引擎。

参考资料来源：百度百科——SublimeText

参考资料来源：百度百科——Dreamweaver

参考资料来源：百度百科——AdobeEdge

参考资料来源：百度百科——WebStorm

参考资料来源：百度百科——HBuilder

HTML5被看做是Web开发者创建流行web应用的利器，增加了对视频和Canvas 2D的支持。用HTML5的优点主要在于，这个技术可以进行跨平台的使用。比如你开发了一款HTML5的游戏，你可以很轻易地移植到UC的开放平台、Opera的游戏中心、Facebook应用平台，甚至可以通过封装的技术发放到App Store或Google Play上，所以它的跨平台性非常强大，这也是大多数人对HTML5有兴趣的主要原因。今天,我将为大家推荐几个主流的HTML5开发工具。

1、Sublime Text

Sublime Text是一个跨平台的代码编辑器，同时支持Windows、Linux、Mac OS X等 *** 作系统，也是HTML的文本编辑器。

Sublime Text具有漂亮的用户界面和强大的功能，主要功能包括：拼写检查、书签、完整的 Python API 、Goto 功能、即时项目切换、多选择、多窗口等等。

2、Dreamweaver cc

Dreamweaver是集网页制作和管理网站于一身的所见即所得网页编辑器，拥有可视化编辑界面，支持代码、拆分、设计、实时视图等多种方式来创作、编写和修改网页，初学HTML5的人可以无需编写任何代码就能快速创建Web页面。

3、Adobe Edge

Adobe Edge是一款新型网页互动工具，允许设计师通过HTML5、CSS和Java制作网页动画。Edge的一个重要功能是Web工具包界面，方便确保页面在不同浏览器中的架构一致性。

4、WebStorm

WebStorm是一款Java开发工具，WebStorm具有的优势是：智能的代码补全、代码格式化、html提示、联想查询、代码重构、代码检查和快速修复、代码调试、代码结构浏览、代码折叠、包裹或者去掉外围代码。

5、HBuilder

HBuilder，即Html Builder的缩写，Builder是建造者的意思。HBuilder是一个极客工具，追求无鼠标的极速 *** 作，不管是敲代码的快捷设定，还是 *** 作功能的快捷设定，都融入了效率第一的设计思想。

6、visual studio code

一个运行于Mac OS X、Windows和 Linux 之上的，针对于编写现代Web和云应用的跨平台源代码编辑器。该编辑器也集成了所有一款现代编辑器所应该具备的特性，包括语法高亮，可定制的热键绑定，括号匹配以及代码片段收集。

7. 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开发人员开发跨平台移动产品的首选工具。

8. Sencha Architect

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

开发工具的选择，可以说是开发者社区中一个经久不衰的话题，现今编辑器的数量数不胜数，vim、sublime Text,Emacs,Atom等等，那么对于一个开发者而言，挑选一个合适的编辑器是可以有效的提高编程效率那么以上是我为大家推荐的几款开发工具啦，大家可根据自己的喜好选择哦！

前端开发的编译器在选择上还是很多的。在学校里，老师主要讲三个前端开发软件：

1、WebStorm

帮助编写HTML、CSS、Less、Sass和Stylus代码，并且支持Node.js和主流框架，如React、Angular、 Vue.js、Meteor等。与IntelliJ IDEA同源，继承了IntelliJ IDEA强大的JS部分的功能。但是付费软件。

2、IntelliJ idea

idea是学校老师教得最多的一款软件，从学Java开始，除了eclipse和myeclipse之外，学校老师用的最广泛的Java编译器就是idea，而idea也能进行前端项目的开发，idea是我用得最熟的一个编译软件。像一个完整的前端网站，配置好jdk，tomcat，maven，数据库之后就可以在idea上进行搭建了。

3.Visual Studio Code

简称VScode，前端开发时期学习的第一款软件，当时学VScode的时候上的网课，老师用插件的时候一个没跟上，就跟不上了。总体感觉下来是插件库很丰富，而且内存占用不大，目前我身边用VScode的人是最多的。

下面是我在实习中接触到的前端开发工具：

notepad++

页面很简单，乍一看像是一个记事本，它也确实可以当记事本用。有很多特色插件可以使用，支持多种编程语言的语法高亮显示，具有代码折叠功能。

2、HBuilderX

HBuilderX是DCloud（数字天堂）推出的一款支持HTML5的Web开发IDE。HBuilder的编写用到了Java、C、Web和Ruby。HBuilder本身主体是由Java编写。是HBuilder下一代版本，具有轻便、适合vue框架的特点。

---