【Vue-Vben-Admin】1、初次运行和介绍
【Vue-Vben-Admin】1、初次运行和介绍
Vben-Admin 初次运行和介绍
- 小小的介绍
- 规定版本
- 文件树
- 安装依赖
- 运行项目
小小的介绍
一款
Vue3 + Typescript4 + Vite2后台管理项目，功能挺多的，还有组件库
规定版本
此个人文档规定版本为
2.8.0，可能版本较老，截止2024年6月20日14:50:33最新版本为2.11.5
链接形式：百度网盘 Vben-Admin V2.8.0
二维码格式：
文件树
├── build # 打包脚本相关
│ ├── config # 配置文件
│ ├── generate # 生成器
│ ├── script # 脚本
│ └── vite # vite配置
├── mock # mock文件夹
├── public # 公共静态资源目录
├── src # 主目录
│ ├── api # 接口文件
│ ├── assets # 资源文件
│ │ ├── icons # icon sprite 图标文件夹
│ │ ├── images # 项目存放图片的文件夹
│ │ └── svg # 项目存放svg图片的文件夹
│ ├── components # 公共组件
│ ├── design # 样式文件
│ ├── directives # 指令
│ ├── enums # 枚举/常量
│ ├── hooks # hook
│ │ ├── component # 组件相关hook
│ │ ├── core # 基础hook
│ │ ├── event # 事件相关hook
│ │ ├── setting # 配置相关hook
│ │ └── web # web相关hook
│ ├── layouts # 布局文件
│ │ ├── default # 默认布局
│ │ ├── iframe # iframe布局
│ │ └── page # 页面布局
│ ├── locales # 多语言
│ ├── logics # 逻辑
│ ├── main.ts # 主入口
│ ├── router # 路由配置
│ ├── settings # 项目配置
│ │ ├── componentSetting.ts # 组件配置
│ │ ├── designSetting.ts # 样式配置
│ │ ├── encryptionSetting.ts # 加密配置
│ │ ├── localeSetting.ts # 多语言配置
│ │ ├── projectSetting.ts # 项目配置
│ │ └── siteSetting.ts # 站点配置
│ ├── store # 数据仓库
│ ├── utils # 工具类
│ └── views # 页面
├── types # 类型文件
└── vite.config.ts # vite配置文件
安装依赖
必须使用
pnpm进行依赖安装（若其他包管理器安装不了需要自行处理）
pnpm install
运行项目
yarn dev或
pnpm dev或
npm run dev
