前端开始
简介
landao-admin 是一个基于 Vue3.0、Vite、element-plus2.2、pinia、pnpm,后端使用Laravel 的后台解决方案。目标是为开发项目提供开箱即用的解决方案。包括二次封装组件、utils、hooks、动态菜单、权限校验、按钮级别权限控制等功能。可以作为项目的启动模版，以帮助你快速搭建外包、企业后台产品原型。
文档
- 中文文档地址为 landao-doc，采用 Vitepress 开发。如发现文档有误，欢迎提 pr 帮助我们改进。
项目前言
关于组件
项目虽然二次封装了一些组件，但并不能满足大部分的需求。可自行构建属于自己的组件库。
环境准备
本地环境需要安装 pnpm7.x、Node.js 和 Git
注意
- 必须使用pnpm7.x，否则依赖安装不上。
- Node.js 版本要求
16.x以上
代码拉取
从 GitHub clone 代码会出现比较慢，或者中途断掉，可以尝试从 Gitee 拉取代码。
从 GitHub 获取代码
# clone 代码
git clone https://github.com/qilindao/landao-admin
从 Gitee 获取代码
# clone 代码
git clone https://gitee.com/qilindao/landao-admin
目录说明
.
├── public # 公共静态资源目录
├── src # 主目录
│ ├── service # 接口文件
│ ├── assets # 资源文件
│ │ ├── css # 样式文件夹
│ │ └── images # 项目存放图片的文件夹
│ ├── components # 公共组件
│ ├── icons # svg 项目存放svg图片的文件夹
│ ├── landao # hook
│ │ ├── hooks # hook
│ │ │ ├── core # 基础hook
│ │ │ ├── state # 装填hook
│ │ │ └── dom # web相关hook
│ │ ├── directives # 指令
│ │ ├── router # 路由配置
│ │ ├── service # api 请求封装
│ │ ├── utils # 工具库
│ │ ├── bootstrap.js # 项目启动入口
│ │ ├── config.js # 项目配置文件
│ │ └── registerComponents # 全局注册公共组件和 ElementPlusIconsVue 组件
│ ├── layout # 布局文件
│ │ ├── components # 页面布局组件
│ │ ├── emptyLayout.vue # 空内容页，用于error
│ │ └── index.vue # 页面布局
│ ├── store # 数据仓库
│ └── views # 页面
├── vite # 打包脚本相关
│ ├── plugins # vite 插件配置
│ ├── server # api 请求代理
├── importToCDN.config.js # 构建使用cdn 配置
└── vite.config.js # vite配置文件