Vue 安装

要开始使用 Vue 3 开发项目，你需要先在你的电脑上搭建好开发环境。这通常包括安装 Node.js 和使用官方的脚手架工具来创建一个新项目。

1. 环境准备：Node.js

Vue 的开发依赖于 Node.js。Node.js 是一个 JavaScript 运行时环境，它允许你在服务器端运行 JavaScript 代码。更重要的是，它附带了 npm (Node Package Manager)，这是世界上最大的软件注册表，你可以用它来安装 Vue 及其相关的工具库。

• 检查 Node.js 版本： 打开你的终端（在 Windows 上是 Command Prompt 或 PowerShell，在 macOS 上是 Terminal），然后输入以下命令：

  node -v

  Vue 3 要求 Node.js 的版本不低于 16.0。如果你的版本过低或没有安装，请从 Node.js 官网 下载并安装最新的 LTS (长期支持) 版本。

2. 创建 Vue 项目 (推荐方式)

现在，创建 Vue 项目最简单、最推荐的方式是使用官方提供的脚手架工具 create-vue。

在你的终端中，cd 到你希望创建项目的文件夹，然后运行以下命令：

npm create vue@latest

这个命令会安装并执行 create-vue，它会引导你完成项目的创建过程。你会看到一系列的选项，可以根据你的项目需求进行选择：

✔ Project name: … <your-project-name>
✔ Add TypeScript? … No / Yes
✔ Add JSX Support? … No / Yes
✔ Add Vue Router for Single Page Application development? … No / Yes
✔ Add Pinia for state management? … No / Yes
✔ Add Vitest for Unit Testing? … No / Yes
✔ Add an End-to-End Testing Solution? › No
✔ Add ESLint for code quality? … No / Yes
✔ Add Prettier for code formatting? … No / Yes

• 对于初学者：如果你不确定如何选择，可以一路按回车键选择默认的 No。这会创建一个最基础、最纯粹的 Vue 项目。
• 项目名称：为你项目起一个名字，例如 my-first-vue-app。

3. 安装依赖并启动项目

脚手架工具创建完项目结构后，根据终端的提示，进入项目目录并安装所需的依赖包。

# 进入项目目录
cd <your-project-name>

# 安装依赖
npm install

# 启动开发服务器
npm run dev

npm install 会下载项目所需的所有第三方库（定义在 package.json 文件中）。

npm run dev 会启动一个本地开发服务器（通常由 Vite 提供支持）。服务器启动后，你会在终端看到一个本地地址，例如 http://localhost:5173/。

在你的浏览器中打开这个地址，如果能看到 Vue 的欢迎页面，那么恭喜你，你的第一个 Vue 项目已经成功创建并运行起来了！