2.2 使用HBuilder

如何安装 HBuilder？

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

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

使用HBuilder新建项目

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

如上图，请在填写新建项目的名称，项目保存路径(更改此路径HBuilder会记录，下次默认使用更改后的路径)

使用HBuilder创建HTML页面

在项目资源管理器中选择刚才新建的项目,依次点击文件→新建→选择HTML文件

如上图，新建index.html,路径不用修改，默认是在当前项目下，选择空白文件

使用HBuilder边改边看

点击右侧的预览，会提示安装插件，安装后，可以运行当前页面，查看页面效果