不管使用哪款开发工具，在开发的时候，我们都需要新建一个HTML页面，然后再在这个页面中编写代码。
HBuilder是专为前端打造的开发工具，上手非常快，也是初学者的首选，其中HBuilder的下载地址为：www.dcloud.io。这一节我们来介绍一下怎么在HBuilder中新建一个HTML页面。
① 新建Web项目 ：在HBuilder的左上方，依次单击【文件】→【新建】→【Web项目】，如下图所示。
② 选择文件路径以及命名文件夹：在对话框中，给文件夹填写一个名字，并且选择文件夹路径（也就是文件存放的位置），其中文件名以及文件路径都可以自己写。然后单击【完成】按钮，如下图所示。
③ 新建HTML文件：在HBuilder左侧项目管理器中，选中test文件夹，然后单击右键，依次选择【新建】→【HTML文件】，如下图所示。
④ 选择文件路径以及给HTML文件命名：在对话框中选择文件夹路径（也就是HTML文件存放的位置），并且给HTML文件填写一个名字（建议使用英文），然后单击【完成】按钮，如下图所示。
⑤ 预览页面：在HBuilder上方工具栏找到【预览】按钮，然后单击就可以在浏览器中查看页面效果了，如下图所示。
最后，对于HBuilder的使用，还有两点要跟大家说一下的。
- （1）对于站点、文件、HTML页面等的命名，一定不要使用中文，而应该使用英文。
- （2）对于HBuilder的使用，我们可以在HBuilder上方工具栏，依次选择【帮助】→【HBuilder入门】，里面有比较详细的使用教程。当然，你也可以自行摸索一下，很简单。
