npm yarn 创建vue项目

在使用 Yarn (一个流行的基于 npm 的包管理器) 创建 Vue.js 项目时，我们可以借助 Vue CLI（Vue CLI 是一个官方提供的脚手架工具，用于快速搭建 Vue.js 项目的初始结构）。以下是创建 Vue 项目的步骤：

### 步骤 1: 安装 Yarn

如果你尚未安装 Yarn，请首先安装它。打开终端并输入以下命令：

# 对于 macOS 和 Linux 用户
curl -sS https://dl.yarnpkg.com/debian/pubkey.gpg | sudo apt-key add -
echo "deb https://dl.yarnpkg.com/debian/ stable main" | sudo tee /etc/apt/sources.list.d/yarn.list
sudo apt-get update
sudo apt-get install yarn

# 对于 Windows 用户
# 可从 https://classic.yarnpkg.com/en/docs/install/#windows-stable 下载适用于 Windows 的 Yarn 安装程序

### 步骤 2: 使用 Vue CLI 创建项目

一旦 Yarn 安装成功，你可以使用它来创建一个新的 Vue 项目。打开终端，并进入你想存放新项目文件的目录，然后输入以下命令：

yarn create @vue/cli <项目名称>

这里 `<项目名称>` 应替换为你想要的项目名称。例如：

yarn create @vue/cli my-vue-app

### 步骤 3: 运行项目

创建项目之后，你需要初始化这个项目。在项目根目录下执行以下命令：

cd my-vue-app # 替换为你的项目名
yarn install # 用于安装项目所需的依赖库
yarn dev # 启动开发服务器，这个命令会在浏览器中自动打开你的应用

此时，你的 Vue.js 应用将开始在本地的开发服务器上运行。可以通过浏览器访问 `http://localhost:8080` 来查看应用效果。

### 更进一步的定制化需求

除了基本的命令外，`yarn create @vue/cli` 还允许你选择特定的模板（如单页应用、CLI 应用等），并支持添加额外的插件或功能。你可以在命令后附加选项来实现这一点：

yarn create @vue/cli --template vue-router-template project-name

这将创建一个包含 Vue Router 模板的新项目。

### 结论

Yarn 作为一个高效、轻量级的包管理器，简化了 Vue.js 项目的构建流程。通过上述步骤，你可以轻松地启动并运行一个 Vue.js 应用。对于进阶的特性或特定需求，你可以查阅 Vue CLI 和 Vue.js 文档以获取更多指导。

---