HBuilder 使用教程

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新建项目

依次点击文件→新建→选择项目

项目名称顾名思义，就是你创建项目的名字。
下面一栏是你创建项目所存放的地址。

使用HBuilder创建HTML页面

在你创建项目上右击，依次选择新建->HTML文件(如要创建其他文件，比如css文件，js文件，一样操作)

1.是你创建的HTML文件的名称
2.是HTML文件创建所在路径(存放位置)

使用HBuilder边改边看试试查看编程效果

win系统按下Ctrl+P(MacOS为Command+P)进入边改边看模式,在此模式下,如果当前打开的是HTML文件，每次保存均会自动刷新以显示当前页面效果(若为JS、CSS文件，如与当前浏览器视图打开的页面有引用关系，也会刷新)