联想电脑怎么样安装hbuilder(分享web前端8款最主流的HTML5开发工具)

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

1：HBuilder

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

小编先好好介绍一下它：

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

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

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

实时预览，一边敲一边看

超级全的与法库

转到定义和一键搜索

2：Animatron

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

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

3：JetBrainsWebStorm

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

特点：

智能的代码补全

代码格式化

html提示

联想查询

代码重构

代码检查和快速修复

代码调试

代码结构浏览

代码折叠

包裹或者去掉外围代码

4：SenchaArchitect

SenchaArchitect2是个可视化的应用构建器，它使用SenchaTouch2来构建移动应用，使用ExtJS4来构建桌面应用。

特点：

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

2、支持通过SenchaTouch2来构建移动Web应用以及通过ExtJS4来构建桌面Web应用。其提供的代码编辑功能可以在SenchaArchitect中创建整个应用。

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

5：AdobeEdge

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

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

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

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

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

6：AdobeDreamweaver

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

7：VisualStudioCode

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

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

8、SublimeText

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

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

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