XYAdmin 是一个中后台前端解决方案，基于 vue3.x 和 and-design-vue 实现。 使用最新的前端技术栈，提供丰富的组件，并持续性提供丰富的业务模板快速搭建企业级中后台前端项目。
特点
- 组件 丰富的组件、业务模板快速制作页面 权限 完整的鉴权体系和高精度权限控制
- 布局 灵活布局方式，满足各种功能需求
- API 完善的 API 管理，多服务请求快速切换
- 其他 多功能视图标签、动态权限菜单、控制台组态化等等
环境支持
| Edge | Firefox | Chrome | Safari |
|---|
| Edge ≥ 88 | Firefox ≥ 78 | Chrome ≥ 87 | Safari ≥ 13 |
使用说明
node 版本 > 16+
# 克隆项目
git clone https://github.com/mengxianghan/xy-admin.git
# 进入项目
cd xy-admin
# 安装依赖
npm install
# 运行项目
npm run dev
# 打包发布
npm run build:prod
目录结构
project_name├ .husky husky 配置目录├ .vscode vscode 配置目录（可忽略）├ config 框架配置文件，vite.config 中用到的插件├ dist 存放打包后文件（可忽略）├ docs 使用文档（正式使用时可删除）├ node_modules 安装的依赖（可忽略）├ public 存放静态资源，不会被打包直接输出到 dist 目录中│ ├ images 不需要打包的图片（可存放到 oss）│ ├ libs 非 npm 安装第三方插件（可存放到 oss）├ src│ ├ apis 接口│ │ ├ modules 按功能模块区分的接口文件│ │ │ ├ home.js│ │ ├ index.js 统一导出 api│ ├ assets 存放静态资源，例如：图标，与public不同的是这里的文件会被打包到代码中│ ├ styles 样式│ ├ hooks 钩子│ ├ directives 指令│ ├ enums 枚举│ ├ components 公共组件│ │ ├ common 组件的公共资源│ │ │ ├ images│ │ │ ├ js│ │ │ ├ style│ │ ├ index.js 自动化引入所有组件，并统一导出│ │ ├ icon.js 自定义图标统一导出│ │ ├ Empty.vue 示例│ │ ├ LoadMore.vue 示例│ │ ├ SubmitBar.vue 示例│ │ ├ Grid 示例│ │ │ ├ Grid.vue 示例│ │ │ ├ GridItem.vue 示例│ ├ core 核心文件│ │ ├ permission.js 统一权限验证│ │ ├ index.js 统一引入│ ├ layouts 公共模板│ ├ router vue-router│ │ ├ modules 按功能拆分的模块│ │ │ ├ home.js│ │ ├ index.js 自动化引入，并统导出│ ├ store 状态管理│ │ ├ modules 按功能拆分的模块│ │ │ ├ app.js│ │ │ ├ user.js│ │ ├ index.js 导出所有配置│ ├ utils 工具类│ │ ├ request 接口请求类（目前使用的 axios ，可根据实际需求进行调整）│ ├ views 视图│ │ ├ product 示例，路由对应目录/文件│ │ │ ├ components 示例，私有组件│ │ │ ├ index.vue 示例│ ├ App.vue│ ├ main.js 入口文件├ .env.dev 本地开发环境配置文件├ .env.test 测试环境变量文件├ .env.pre 预生产环境变量文件├ .env.prod 生产环境配置文件├ .prettierignore prettier 代码格式化忽略文件├ .prettierrc prettier 代码格式化规则配置文件├ .eslintignore eslint 忽略文件├ .eslintrc.js eslint 配置文件├ lintstagedrc.js lint-staged 配置文件├ package.json├ package-lock.json├ README.md 描述文件，说明项目简要信息（项目说明、使用方式等）├ vite.config.js vue 配置文件（vite 构建方式配置文件）
仅供个人学习参考/导航指引使用，具体请以第三方网站说明为准，本站不提供任何专业建议。如果地址失效或描述有误，请联系站长反馈～感谢您的理解与支持！
链接: https://web.fly63.com/nav/4781
