loveRandy/vue-cli3.0-vueadmin

基于vue-cli3.0+vue+elementUI+vuex+axios+权限管理的后台管理系统

Vue

1,420

55 commits

updated Mar 14, 2025

See the code

README

vue-admin-permission

项目基于vue-cli3.0进行搭建，并使用了vue全家桶vue vuex axios vue-router elementui，增加了按钮级别的权限控制

线上预览地址

React版本请移步

VUE3版本请移步

脚手架版本:

*vue-cli-3.0

用到vue相关的生态链模块:

vue
vue-router
vuex
axios

项目要点

路由懒加载
根据权限生成动态路由
全局数据请求拦截处理及loading
多个代理配置
抽离第三方库文件dll

项目启动步骤

安装包（这里需要使用npm进行安装，如果用cnpm或者yarn会有热更新失效的问题） npm install
开发运行 npm run serve:randy
生产打包 npm run dll (仅需运行一次) npm run build

项目分析

npm run analyze

温馨提示

在新增vue页面的时候，热更新可能会失效，重启一下项目

axios

permission

vue

vue-cli-3

vue-element

vue-router

vuex

Significant stargazers

阿秀

2,355 followers · starred May 2023

ygj6

164 followers · starred Jun 2021

Similar repos

PanJiaChen/vue-admin-template

a vue2.0 minimal admin template

20,365

chuzhixin/vue-admin-beautiful

🎉 vue admin,vue3 admin,vue3.0 admin,vue后台管理,vue-admin,vue3.0-admin,admin,vue-admin,vue-element-adm…

18,935

zxwk1998/vue-admin-better

🎉 vue admin,vue3 admin,vue3.0 admin,vue后台管理,vue-admin,vue3.0-admin,admin,vue-admin,vue-element-adm…

18,935

un-pany/v3-admin-vite

7,066

youlaitech/vue3-element-admin

🔥基于 Vue 3 + Vite 7+ TypeScript + element-plus 构建的后台管理前端模板（配套后端源码），vue-element-admin 的 vue3 版本。

2,612

RainManGO/vue3-composition-admin

🎉 基于vue3 的管理端模板(Vue3 TS Vuex4 element-plus vue-i18n-next composition-api) vue3-admin…

3,233

newbee-ltd/vue3-admin

🔥 🎉Vue 3 + Vite 2 + Vue-Router 4 + Element-Plus + Echarts 5 + Axios 开发的后台管理系统

3,469

bailicangdu/vue2-manage

A admin template based on vue + element-ui. 基于vue + element-ui的后台管理系统基于 vue + element-ui 的后台管理系统

13,597

loveRandy/vue-cli3.0-vueadmin

基于vue-cli3.0+vue+elementUI+vuex+axios+权限管理的后台管理系统

Vue

1,420

55 commits

updated Mar 14, 2025

See the code

README

vue-admin-permission

项目基于vue-cli3.0进行搭建，并使用了vue全家桶vue vuex axios vue-router elementui，增加了按钮级别的权限控制

线上预览地址

React版本请移步

VUE3版本请移步

脚手架版本:

*vue-cli-3.0

用到vue相关的生态链模块:

vue
vue-router
vuex
axios

项目要点

路由懒加载
根据权限生成动态路由
全局数据请求拦截处理及loading
多个代理配置
抽离第三方库文件dll

项目启动步骤

安装包（这里需要使用npm进行安装，如果用cnpm或者yarn会有热更新失效的问题） npm install
开发运行 npm run serve:randy
生产打包 npm run dll (仅需运行一次) npm run build

项目分析

npm run analyze

温馨提示

在新增vue页面的时候，热更新可能会失效，重启一下项目

axios

permission

vue

vue-cli-3

vue-element

vue-router

vuex

Significant stargazers

阿秀

2,355 followers · starred May 2023

ygj6

164 followers · starred Jun 2021

Similar repos

PanJiaChen/vue-admin-template

a vue2.0 minimal admin template

20,365

chuzhixin/vue-admin-beautiful

🎉 vue admin,vue3 admin,vue3.0 admin,vue后台管理,vue-admin,vue3.0-admin,admin,vue-admin,vue-element-adm…

18,935

zxwk1998/vue-admin-better

🎉 vue admin,vue3 admin,vue3.0 admin,vue后台管理,vue-admin,vue3.0-admin,admin,vue-admin,vue-element-adm…

18,935

un-pany/v3-admin-vite

7,066

youlaitech/vue3-element-admin

🔥基于 Vue 3 + Vite 7+ TypeScript + element-plus 构建的后台管理前端模板（配套后端源码），vue-element-admin 的 vue3 版本。

2,612

RainManGO/vue3-composition-admin

🎉 基于vue3 的管理端模板(Vue3 TS Vuex4 element-plus vue-i18n-next composition-api) vue3-admin…

3,233

newbee-ltd/vue3-admin

🔥 🎉Vue 3 + Vite 2 + Vue-Router 4 + Element-Plus + Echarts 5 + Axios 开发的后台管理系统

3,469

bailicangdu/vue2-manage

A admin template based on vue + element-ui. 基于vue + element-ui的后台管理系统基于 vue + element-ui 的后台管理系统

13,597