一、查看当前node版本
PS E:\workspaces\workspace_gitee\xuanwu_gitee\vue> node -v
v18.17.1
二、创建项目
2.1 在目标文件夹下初始化项目
PS E:\workspaces\workspace_gitee\xuanwu_gitee\vue> npm create vite@latest
Need to install the following packages:
create-vite@5.2.1
Ok to proceed? (y) y
√ Project name: ... vite3-manage-front
√ Select a framework: » Vue
√ Select a variant: » TypeScript
Scaffolding project in E:\workspaces\workspace_gitee\xuanwu_gitee\vue\vite3-manage-front...
Done. Now run:
cd vite3-manage-front
npm install
npm run dev
2.2 项目初始化成功,然后安装项目依赖并启动项目。
PS E:\workspaces\workspace_gitee\xuanwu_gitee\vue\vite3-manage-front> npm install
added 45 packages, and audited 46 packages in 21s
5 packages are looking for funding
run `npm fund` for details
found 0 vulnerabilities
PS E:\workspaces\workspace_gitee\xuanwu_gitee\vue\vite3-manage-front> npm run dev
> vite3-manage-front@0.0.0 dev
> vite
Port 5173 is in use, trying another one...
VITE v5.1.4 ready in 302 ms
➜ Local: http://localhost:5174/
➜ Network: use --host to expose
➜ press h + enter to show help
2.3 项目启动页面