vue中构建脚手架
在 Vue 开发中,常用的脚手架工具是 Vue CLI 和 Vite,以下是使用它们创建 Vue 项目的指令:
- 使用 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 推荐的构建工具。