新建第一个HBuilder项目

如何安装 HBuilder？

HBuilder下载地址：在HBuilder官网DCloud - HBuilder、HBuilderX、uni-app、uniapp、5+、5plus、mui、wap2app、流应用、HTML5、小程序开发、跨平台App、多端框架点击免费下载，下载最新版的HBuilder。

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

使用HBuilder新建项目

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

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

使用HBuilder创建HTML页面

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

 

 

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

使用HBuilder边改边看

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