在 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 推荐的构建工具。