vue中构建脚手架

在 Vue 开发中，常用的脚手架工具是 Vue CLI 和 Vite，以下是使用它们创建 Vue 项目的指令：

1. 使用 Vue CLI 创建项目（传统方式）
   首先需要全局安装 Vue CLI（如果尚未安装）：
   bash
   npm install -g @vue/cli

或使用 yarn

yarn global add @vue/cli

然后创建项目：

bash

vue create 项目名称

执行后会出现配置选项，可选择默认配置或手动配置（如选择 Vue 版本、路由、状态管理等）。

2. 使用 Vite 创建项目（推荐，更快速）

Vite 是新一代前端构建工具，创建 Vue 项目更高效：

bash

npm 6.x

npm create vite@latest 项目名称 --template vue

npm 7+（需要额外的双横线）

npm create vite@latest 项目名称 -- --template vue

yarn

yarn create vite 项目名称 --template vue

pnpm

pnpm create vite 项目名称 -- --template vue

如果需要创建 TypeScript 版本的 Vue 项目，将模板改为 vue-ts 即可：

bash

npm create vite@latest 项目名称 -- --template vue-ts

创建完成后，进入项目目录并安装依赖：

bash

cd 项目名称

npm install

或 yarn install

启动开发服务器：

bash

npm run dev

或 yarn dev

两种工具相比，Vite 具有更快的启动速度和热更新性能，是 Vue 3 推荐的构建工具。