<%= project %>

目录结构

├── src
│   ├── assets
│   │    └── react.svg
│   ├── store
│   │     └── modules // 模块数据
│   ├── services
│   ├── pages
│   ├── components
│   ├── env
│   ├── constant // 常量
│   ├── hooks
│   ├── types // 类型
│   ├── App.vue
│   ├── style.css
│   ├── main.js
│   ├── menu.ts // 菜单配置
│   ├── route.ts // route配置
│   ├── utils // 工具函数集合
│   ├── mock // mock接口
│   └── logo.svg
├── index.html
├── package.json
└── vite.config.js

约定行为

关于菜单路由

src/route.ts 路由全部写在这个文件里 路由 layout下路由(权限路由 + 无权限路由) + 基础路由(Login/Register 等无layout路由)组成

路由的定义遵从的规则

1. 需要关联权限的需要把权限点写在meta的access中
2. 路由与菜单的关系: 菜单根据路由与权限点结合获取的

---

关于环境

不同环境配置在 env目录下 注意 暴露给页面使用的需要加VITE前缀 package里有不同环境的打包方式

---

关于mock

mock预设写在mock文件中

---

关于插件

内设了几款插件 wa-window-vue 工具库 wa-language-tip 丰富i18n 在编写时的提示能力

---

关于自适应

默认使用wx作为自适应css单位 可在vite.config.ts的postCssPxToRem配置unit 当css文件使用配置的单位时 会根据html字体大小转成相应的rem html 字体大小在 src\style.css 文件设置