活到老学到老之vue-vben-admin项目安装

项目地址：

https://github.com/vbenjs/vue-vben-admin

克隆项目

git clone https://github.com/vbenjs/vue-vben-admin.git

修改项目名称

mv vue-vben-admin my-admin-panel

先安装pnpm

npm install -g pnpm

安装依赖、启动项目

cd my-admin-panel
pnpm install
pnpm run dev

启动项目后选择web-antd子项目

testmanzhang@TestMandeMacBook-Pro zjm-admin-panel % pnpm run dev> vben-admin-monorepo@5.5.8 dev /Users/testmanzhang/webproject/zjm-admin-panel
> turbo-run dev│
◆  Select the app you need to run [dev]:
│  ● @vben/web-antd
│  ○ @vben/web-ele
│  ○ @vben/web-naive
│  ○ @vben/docs
│  ○ @vben/playground

用箭头选择，之后回车

  ➜  Local:   http://localhost:5666/                                  13:49:00➜  Network: http://10.x.0.77:5666/                                  13:49:00➜  Network: http://100.66.266.133:5666/                             13:49:00➜  Vben Admin Docs: https://doc.vben.pro                            13:49:00➜  Nitro Mock Server: http://localhost:5320/api                     13:49:00➜  press h + enter to show help                                     13:49:0013:49:11
✔ Nitro Mock Server started.                                         13:49:11
✔ Nitro Server built in 859ms  

IDE
VS Code（Visual Studio Code）

使用 VS Code
File → Open Folder → 选择 vue-vben-admin

安装相关插件


启动后页面