Skip to content

Vue3 项目搭建

确保正确的配置了前端的环境

确认Node.js和npm是否安装成功,使用以下命令检查版本,node版本≥16.0

sh
node -V
sh
npm -V

使用 create-vue 搭建

在对应项目文件夹下

sh
npm init vue@latest
cd your-dir(文件名)
npm install
npm run dev

使用 vite 搭建

构建一个 Vite + Vue 项目,npm版本不同时,命令也有所不同:
输入命令:
npm  6.x
npm create vite@latest my-vue-app --template vue

n pm 7+, extra double-dash is needed:
npm create vite@latest my-vue-app -- --template vue

yarn
yarn create vite my-vue-app --template vue

pnpm 
pnpm create vite my-vue-app --template vue

一般正常使用以下命令

sh
npm create vite@latest
sh
pnpm create vite@latest
sh
yarn create vite@latest