1. 简介
Uniapp是一款基于Vue.js的跨平台开发框架，它可以使用一套代码同时开发iOS、Android和H5应用，大大降低了开发成本和学习难度。本文将以使用终端创建Uniapp项目为例，详细介绍如何使用Uniapp开发跨平台应用。
2. 准备工作
2.1 安装Node.js
Node.js是一款基于Chrome V8引擎的JavaScript运行环境，它可以使JavaScript运行在服务器端，并提供了很多API接口。因此，在使用Uniapp之前，我们需要先安装Node.js。
访问Node.js官网，下载并安装最新版本的Node.js。
//安装成功后，打开命令行窗口，输入以下命令，查看Node.js版本信息
node -v
如果能显示版本信息，则说明Node.js已经成功安装。
2.2 安装HBuilderX
HBuilderX是一款基于VSCode的跨平台开发工具，它可以支持多款移动端开发框架，包括Uniapp。因此，在使用Uniapp之前，我们需要先安装HBuilderX。
访问HBuilderX官网，下载并安装最新版本的HBuilderX。
//安装成功后，打开HBuilderX，进入Uniapp页面
//单击“工具”——“插件安装”——“搜索Uniapp”，安装Uniapp插件
安装成功后，我们就可以开始使用Uniapp开发跨平台应用了。
3. 使用终端创建Uniapp项目
3.1 创建项目
使用终端创建Uniapp项目很简单，只需要执行一段命令即可。在终端窗口中输入以下命令：
//在指定目录下创建名为“hello-uniapp”的Uniapp项目
vue create -p dcloudio/uni-preset-vue hello-uniapp
执行命令后，根据提示选择“Manually select features”选项，选择需要安装的框架及插件，或直接选择默认配置。
配置完成后，项目即会自动创建，进入所在目录，执行以下命令启动项目：
npm run serve访问http://localhost:8080即可预览项目。
3.2 命令说明
我们对上述命令进行简单解释：
vue create: 创建Vue.js项目的命令。
-p dcloudio/uni-preset-vue: 添加Uniapp插件的命令。-p是--preset的缩写，意为使用预设配置。
hello-uniapp: 指定项目名称。
4. 开始开发
创建完项目后，我们就可以开始开发跨平台应用了。
4.1 目录结构
使用终端创建Uniapp项目，在目录结构上与使用HBuilderX创建的项目略有不同。我们可以打开项目的根目录，查看其目录结构：
hello-uniapp
├── dist
├── node_modules
├── public
├── src
│ ├── common
│ ├── components
│ ├── pages
│ ├── static
│ ├── App.vue
│ └── main.js
├── .gitignore
├── babel.config.js
├── package-lock.json
├── package.json
├── postcss.config.js
├── README.md
└── yarn.lock
其中，public目录包含了应用的入口文件index.html，src目录包含了应用的核心代码，即Vue组件。
4.2 开发步骤
使用Uniapp开发跨平台应用，需要先了解Uniapp的基本语法和组件，具体可以查看官方文档。这里我们简要介绍Uniapp的开发步骤。
在src目录中创建pages目录，用于存放页面组件。
在pages目录中创建子目录hello，用于存放Hello页面组件，其中包括.vue文件和相关资源文件。
在App.vue中引入Hello组件，并在pages.json中配置路由。
在Hello.vue中编写页面布局和业务逻辑。
运行项目，查看效果。
为了方便开发和调试，我们可以使用HBuilderX打开项目，使用uni-app扩展插件进行代码编写、项目启动和编译打包。具体使用方法可以查看插件文档。
5. 总结
本文介绍了如何使用终端创建Uniapp项目，并简要介绍了Uniapp的开发步骤。当然，Uniapp还有很多特性和细节需要我们掌握，希望读者能够进一步深入学习和探索。