element-plus-vite-starter

这是一个极简的 vue admin 管理后台。它只包含了 ElementPlus UI & axios & iconfont & permission control & lint，这些搭建后台必要的东西。

参考 A starter kit for Element Plus with Vite 参考 vue-admin-template

运行项目

# Installation dependency
$ yarn

# Compiles and hot-reloads for development
$ yarn dev

# Compiles and minifies for production
$ yarn build

# 代码格式检查
$ yarn lint

# 代码格式检查并自动修复
$ yarn lint --fix

目录结构

复制自vue-element-admin, 待修正。

本项目已经为你生成了一个完整的开发框架，提供了涵盖中后台开发的各类功能和坑位，下面是整个项目的目录结构。

├── public # 静态资源 │ │── favicon.ico # favicon图标 ├── src # 源代码 │ ├── api # 所有请求 │ ├── assets # 主题 字体等静态资源 │ ├── components # 全局公用组件 │ ├── directive # 全局指令 [待补充] │ ├── filters # 全局 filter [待补充] │ ├── icons # 项目所有 svg icons │ ├── lang # 国际化 language [待补充] │ ├── layout # 全局 layout │ ├── plugins # 插件 │ ├── router # 路由 │ ├── store # 全局 store 管理 │ ├── styles # 全局样式 │ ├── utils # 全局公用方法 │ ├── views # views 所有页面 │ ├── App.vue # 入口页面 │ ├── main.js # 入口文件 加载组件 初始化等 │ ├── permission.js # 权限管理 │ └── settings.js # 全局页面变量配置 ├── .env.xxx # 环境变量配置 ├── .eslintrc.js # eslint 配置项 ├── index.html # html模板 ├── vite.config.js # vite 配置 └── package.json # package.json

集成任务（持续完善）

• √ 请求/响应拦截与封装
• √ 路由管理
• √ store 管理
• √ 权限验证: 页面权限, 指令权限
• √ 登录 / 注销
• √ 多环境发布: dev, stage, prod
• √ 代码格式检查并自动修复
• √ 全局公用方法封装