uniapp从入坑到出土（2-初始化你的uniapp项目）
第2章：《初始化你的uniapp项目》
- 2.1 Vite：点燃魔法的火种
- 魔法准备：环境搭建
- 魔法施展：项目创建
- 魔法测试：运行项目
- 2.2 Vue CLI vs Vite：构建项目的魔法对决
- 2.3 uniapp项目结构初探
- 2.4 创建你的第一个uniapp页面
- 创建你的第一个uniapp页面
- **魔法代码**（`pages/index/index.vue`）：
- 2.5 魔法测试：运行你的第一个uniapp页面
- 结语
2.1 Vite：点燃魔法的火种
Vite，一款现代化的前端构建工具，以其闪电般的开发速度和按需编译能力著称。在这部分，我们将引导你使用Vite来初始化一个uniapp项目，从而点燃你的开发之旅。
魔法准备：环境搭建
-
安装Node.js：首先，确保你已经安装了最新版本的Node.js。你可以从Node.js官网下载并安装。
-
安装Vite：在命令行中运行以下命令，全局安装Vite：
npm install -g vite或者，如果你更倾向于局部安装，可以在项目目录下运行：
npm init vite并根据提示选择合适的选项。
魔法施展：项目创建
-
创建项目：使用Vite创建uniapp项目时，由于Vite的模板可能没有直接的uniapp选项，你可能需要通过自定义的方式来创建项目。这里我们假设你已经有了一个Vite项目模板，或者你将使用自定义脚本来初始化uniapp项目。
-
安装uniapp依赖：在项目目录下，运行以下命令来安装uniapp的必要依赖：
npm install uni-app --save-dev此外，你可能还需要安装其他uniapp相关的库和工具，具体取决于你的项目需求。
-
配置项目：在
vite.config.js文件中，你需要配置Vite来识别和处理uniapp的文件类型，例如.wxml、.wxss等。魔法代码（
vite.config.js）：export