1.认识Pure Admin
后台管理系统是一种最常见的应用模式,不同的管理系统之间有很多相似的地方,比如:
- 页面整体结构相似(Sidebar + Navbar + Main经典布局)
- 技术选型相似 (Vue.js + VueRouter + Vuex + Axios...)
- 业务类型相似 (CRUD + 导入导出 + 权限管理...)
既然这么多一样的地方,有必要每次开发后台管理系统,都重新创建一套吗?
答:没有,所以我们可以使用一些"通用"的基础模板,在这个基础上开发提高效率
2. pure-admin
vue-pure-admin 是一款开源完全免费且开箱即用的中后台管理系统模版,我们可以先来体验下
目标:拉取模板项目,并启动浏览模版网页
从 vue-pure-admin v5.0.0
版本后,规定 node
版本应不小于 18.18.0
(推荐优先安装长期维护LTS
版,如下图),pnpm
版本应不小于 9
nodejs 官网当然也可以安装 .nvmrc推荐的 node
版本
如果还没安装 pnpm
,请执行下面命令进行安装(mac
用户遇到安装报错请在命令前加上 sudo
)
npm install -g pnpm
2.1拉取代码
1.全局安装
npm install -g @pureadmin/cli
2.交互式选择模板创建项目
pure create