uni-app 入门：在 HBuilderX 中创建你的第一个项目

在移动应用程序开发的浩瀚世界中，uni-app 作为一颗冉冉升起的明星，凭借其跨平台兼容性和出色的开发体验，吸引了众多开发者。今天，我们将踏上 uni-app 学习之旅 的第一站，从安装开发工具 HBuilderX 和创建我们的第一个 uni-app 项目开始。

HBuilderX 是 DCloud 官方推出的 uni-app 专属集成开发环境（IDE）。它提供了直观的界面、强大的功能和无缝的 uni-app 支持，让开发过程变得轻而易举。

• 访问 DCloud 官网（https://ask.dcloud.net.cn/article/35442）下载 HBuilderX 安装程序。

• 按照提示完成安装，确保你具备管理员权限。

• 安装完成后，启动 HBuilderX，我们将开始创建我们的第一个 uni-app 项目。

• 点击 HBuilderX 主菜单栏上的 "文件"，然后选择 "新建" > "项目"。

• 在 "新建项目" 对话框中，选择 "uni-app 项目"。

• 输入项目名称（例如 "my-first-uniapp"），然后选择项目保存路径。

• 如果你希望使用 uniapp-cli 创建项目，请选择 "自定义" 选项卡并填写相应配置。

• HBuilderX 提供了丰富的模板，可以帮助你快速启动开发。

• 选择一个适合你需求的模板（例如 "空白模板"），然后点击 "确定"。

你的 uni-app 项目由以下目录组成：

• src： 源代码目录，包含你的 JavaScript、Vue 组件和 CSS 文件。

• build： 编译后的代码目录，用于打包和部署。

• manifest.json： 定义应用程序配置的清单文件。

• 点击 HBuilderX 工具栏上的 "运行" 按钮（或按 F5）。

• 选择运行环境（例如 "微信开发者工具"），然后点击 "运行"。

• 你的项目将在选定的环境中启动，你可以看到你的应用程序正在运行。

至此，你已经成功创建了你的第一个 uni-app 项目。这是通往 uni-app 大师之路上的第一步。接下来的旅程中，我们将探索 uni-app 的核心概念，并打造令人惊叹的跨平台应用程序。