要初始化一个 Vue 3 应用，最推荐的方式是使用官方提供的构建工具 Vite，它能提供快速的开发体验和优化的构建输出。以下是详细步骤：
1. 确保环境准备
首先需要安装 Node.js（推荐 v16.0.0 或更高版本），可以从 Node.js 官网 下载安装。
安装完成后，可以通过以下命令验证：
node -v # 查看 Node.js 版本
npm -v # 查看 npm 版本
2. 创建 Vue 3 项目
使用 Vite 创建项目，运行以下命令：
# 使用 npm
npm create vite@latest
# 或者使用 yarn
yarn create vite
# 或者使用 pnpm
pnpm create vite
3. 配置项目
执行命令后，会出现交互式配置选项：
- 输入项目名称
- 选择框架：
Vue - 选择变体：
JavaScript或TypeScript（根据需要选择）
4. 安装依赖并启动
进入创建好的项目目录，安装依赖并启动开发服务器：
cd MoodDiary # 进入项目目录
npm install # 安装依赖
npm run dev # 启动开发服务器
启动成功后，会显示本地访问地址（通常是 http://127.0.0.1:5173/），在浏览器中打开即可看到默认的 Vue 3 欢迎页面。
项目结构说明
初始化后的基本项目结构如下：
MoodDiary/
├── node_modules/ # 依赖包
├── public/ # 静态资源
├── src/
│ ├── assets/ # 图片等资源
│ ├── components/ # 组件
│ ├── App.vue # 根组件
│ ├── main.js # 入口文件
│ └── style.css # 全局样式
├── .gitignore
├── index.html # 入口 HTML
├── package.json # 项目配置
└── vite.config.js # Vite 配置
