vue3项目实战(一)--初始化项目

一、查看当前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 项目启动页面