安装HBuilderX

首先，你需要确保已经安装了HBuilderX。如果你还没有安装，可以访问HBuilderX的官方网站下载最新版本，并按照提示完成安装过程。

创建新项目

启动HBuilderX

安装完成后，启动HBuilderX。你会看到一个欢迎界面，从这里你可以开始创建新项目。

选择“新建项目”

在HBuilderX的主界面中，点击左上角的“文件”菜单，然后选择“新建”->“项目”，或者直接点击工具栏上的“新建项目”按钮。

选择项目类型

在弹出的“新建项目”对话框中，你需要选择项目类型。HBuilderX支持多种项目类型，包括标准HTML5项目、uni-app项目等。选择适合你的项目类型，然后点击“下一步”。

创建页面

新建HTML文件

在项目目录中，右键点击你想要创建页面的文件夹，选择“新建”->“HTML文件”。在弹出的对话框中，为你的HTML文件命名，例如“index.html”。

编辑HTML文件

双击刚才创建的HTML文件，在HBuilderX的编辑器中打开它。你可以在这里编写HTML代码来创建页面的结构。例如：

    


    
欢迎来到我的页面
    这是一个简单的HTML页面。

预览和调试

实时预览

HBuilderX提供了强大的实时预览功能。你可以点击工具栏上的“运行”按钮，然后选择“在浏览器中运行”，即可在浏览器中实时预览你的页面。

调试工具

HBuilderX还集成了强大的调试工具，你可以使用这些工具来检查和修复页面中的错误。例如，可以通过“调试”菜单中的“打开开发者工具”来调试页面。

总结

通过以上步骤，你已经学会了如何在HBuilderX中创建一个新页面。从安装HBuilderX，到创建新项目，再到新建和编辑HTML文件，最后预览和调试页面，整个过程都是直观且高效的。希望这篇文章对你有所帮助，祝你在使用HBuilderX时取得好成绩！