Vxe 后台管理系统模板

一个基于 Vxe UI 轻量级、极致流畅的系统模板

版本

基于 Vxe v4.x 对应 vue3.x 版本

浏览器支持

80+ ✔	80+ ✔	90+ ✔	75+ ✔	10+ ✔

在线预览

👉 点击查看 v4.x
👉 点击查看 v3.x

目录说明

• api 后台接口
• assets 静态资源（图片、视频等）
• components 全局组件
• i18n 国际化语言
• router 路由目录
  • config 路由配置文件（可按照业务进行模块拆分）
  • index 路由及权限控制
• store 全局数据仓库
  • app 应用通用数据
  • user 用户相关数据
• plugins 插件目录
  • vxe 组件库插件
    • form 表单渲染器
    • table 表格渲染器
    • config 全局默认参数
    • format 全局格式化
  • ...其他插件
• style 样式目录
  • theme 主题文件
• util 通用函数
• views
  • layout 页面布局
  • error 错误相关页面
  • login 登录注册
  • home 首页
  • systemManage 系统管理
  • ...业务模块

克隆代码

git clone https://gitee.com/x-extends/vxe-admin-template.git

或

git clone https://github.com/x-extends/vxe-admin-template.git

切换目录

cd vxe-admin-template

设置镜像源(可忽略)

npm config set registry https://registry.npmmirror.com

更新依赖

npm run update

运行项目

npm run serve

index.html

首页 html 里面包含百度统计的脚本链接，记得正式使用时要移除掉。

修改 Logo 图片

• public/favicon.ico
• src/assets/logo.png

修改项目路径

vite.config.ts 修改为

// ...
base: '/',
// ...

环境变量

.env 通用环境变量配置文件
.env.production 正式环境变量配置文件

打包正式环境生成 dist 目录

npm run build

打包正式环境生成 zip 文件

npm run build:zip

Contributors

Thank you to everyone who contributed to this project.

License

MIT © 2019-present, Xu Liangzhan