HBuilderX创建uni-app项目

使用HBuilderX创建uni-app项目有很多好处，包括多端兼容性、一套代码多端运行、丰富的插件生态系统、可视化开发工具、完善的调试工具、社区支持和文档丰富、以及跨平台开发的灵活性。这个集成开发环境不仅提高了开发效率，降低了跨平台开发的难度，同时也兼顾了代码复用性和多端兼容性，拥有活跃的社区和详尽的文档，为开发者提供了良好的学习和支持资源。

步骤一：安装 HBuilderX

1. 访问 DCloud 官网 根据自己系统版本选择下载需要的HBuilderX 安装程序。

2. 执行安装程序，按照提示完成 HBuilderX 的安装过程。

步骤二：启动 HBuilderX

1. 安装完成后，在你的计算机上找到 HBuilderX 的图标，双击启动它。

步骤三：新建项目

1. 在 HBuilderX 主界面，点击导航栏的“文件”->“新建”->“项目”。

步骤四：选择项目类型

1. 在弹出的对话框中，选择“uni-app”作为项目类型。

步骤五：填写项目信息

1. 在下一步中，填写项目的基本信息，包括项目名称、项目路径等。可以使用默认路径或者选择自定义路径。

步骤六：选择模板

1. 选择适合你项目的模板。uni-app 支持多端开发，你可以选择适合你项目的模板，如H5、小程序等。

步骤七：配置

1. 根据你的项目需求，配置一些基本信息，比如是否使用 uni-app x、是否启用 uniCloud 等。如果你是初学者，可以使用默认配置。

步骤八：创建项目

1. 填写完项目信息和配置后，点击“创建”按钮，等待项目创建完成。

2. 当右下角出现项目[XXXX]创建成功时，就说明uni-app项目已经创建成功了。

步骤九：运行项目

1. 项目创建完成后，可以选择在浏览器中预览项目效果。在 HBuilderX 中，随便打开一个文件，我通常打开的是main.js文件，在导航栏中找到“运行”->“运行到浏览器”，然后选择需要运行的浏览器，随后项目会自动开始编译和运行开发者服务，浏览器会自动打开项目的首页。

也可以使用Local和Network地址进行访问。

2. 还可以在内置浏览器中查看效果，当然内置浏览器第一次使用需要下载，点一下右上角的预览即可运行项目。

这些步骤是创建 uni-app 项目的基本流程。如果在任何步骤中遇到问题，可以查阅 HBuilderX 官方文档或在相关社区寻求帮助，也可以在下方评论区留言。