HBuilder 安装使用教程

　　前段时间朋友让我帮忙打包一个 IPA 文件（使用 HTML5 开发的 Web 应用），了解到 HBuilder 这款 H5 开发神器。之前一直使用 WebStorm 开发 H5，闲来无事也学习下 HBuilder。

　　HBuilder 简介：

　　HBuilder是DCloud（数字天堂）推出的一款支持HTML5的Web开发IDE。HBuilder的编写用到了Java、C、Web和Ruby。HBuilder本身主体是由Java编写，它基于Eclipse，所以顺其自然地兼容了Eclipse的插件。快，是HBuilder的最大优势，通过完整的语法提示和代码输入法、代码块等，大幅提升HTML、js、css的开发效率。

　　HBuilder 安装：

　　HBuilder下载地址：在HBuilder官网http://www.dcloud.io/点击免费下载，下载最新版的HBuilder。

　　HBuilder目前有两个版本，一个是windows版，一个是mac版。下载的时候根据自己的电脑选择适合自己的版本。

　　HBuilder优势（官网介绍）：

• 编码比其他工具快5倍够不够？对极客而言，追求快，没有止境！
• 代码输入法：按下数字快速选择候选项
• 可编程代码块：一个代码块，少敲50个按键
• 内置emmet：tab一下生成一串代码
• 无死角提示：除了语法，还能提示ID、Class、图片、链接、字体…
• 跳转助手、选择助手，不用鼠标，手不离键盘
• 多种语言支持：php、jsp、ruby、python、nodejs等web语言，less、coffee等编译型语言均支持
• 边改边看：一边写代码，一边看效果
• 强悍的转到定义和一键搜索
• 这里还有最全的语法库、最全的语法浏览器兼容库

　　Mac 系统安装非常简单，从官网下载 dmg 文件，点击安装完成后：

　　

　　

　　接下来就可以新建工程进行开发了。

　　

　　详细教程请参考：HBuilder 使用教程。