使用 Vue CLI

Vue CLI 是一个基于 Vue.js 进行快速项目搭建的工具，它提供了图形化界面和命令行两种方式来创建项目。

1. 安装 Vue CLI

首先，确保你已经安装了 Node.js（版本需不低于 14.x），然后在命令行中全局安装 Vue CLI：

npm install -g @vue/cli
# 或者使用 yarn 安装
yarn global add @vue/cli

2. 创建新项目

• 命令行方式：
  打开命令行工具，执行以下命令创建一个新的 Vue 项目：

vue create my-vue-project

执行上述命令后，会提示你选择预设模板。你可以选择默认预设（Default ([Vue 3] babel, eslint) 或 Default ([Vue 2] babel, eslint)），也可以手动选择特性进行配置。

? Please pick a preset: 
  Default ([Vue 3] babel, eslint) 
  Default ([Vue 2] babel, eslint) 
  Manually select features

如果选择手动配置，你可以根据自己的需求选择不同的特性，如 Babel、TypeScript、Router 等。

• 图形化界面方式：
  在命令行中运行以下命令启动 Vue CLI 的图形化界面：

vue ui

打开浏览器，访问 http://localhost:8000，在图形化界面中按照提示创建新的项目。

3. 启动项目

进入项目目录并启动开发服务器：

cd my-vue-project
npm run serve
# 或者使用 yarn
yarn serve

打开浏览器，访问 http://localhost:8080 即可看到项目运行效果。

使用 Vite

Vite 是一个面向现代浏览器的快速构建工具，它可以快速搭建 Vue 项目。

1. 创建项目

使用以下命令通过 Vite 创建一个新的 Vue 项目：

# 使用 npm
npm init vite@latest my-vue-vite-project -- --template vue
# 使用 yarn
yarn create vite my-vue-vite-project --template vue

上述命令会创建一个基于 Vue 3 的项目。如果你想创建基于 Vue 2 的项目，可以使用 --template vue2 选项。

2. 安装依赖

进入项目目录并安装项目依赖：

cd my-vue-vite-project
npm install
# 或者使用 yarn
yarn install

3. 启动项目

启动开发服务器：

npm run dev
# 或者使用 yarn
yarn dev

打开浏览器，访问 http://localhost:5173 即可看到项目运行效果。

使用 Vue + Vite 官方模板仓库

如果你想使用官方提供的模板仓库来快速搭建项目，可以使用以下命令：

npx degit vuejs/vite-vue-template my-vue-project
cd my-vue-project
npm install
npm run dev

上述命令会从 vuejs/vite-vue-template 仓库克隆项目模板，然后安装依赖并启动开发服务器。

                                     晴空万里，不如我在这里等你