系统中已完成基础功能：用户、角色、菜单、操作日志、权限过滤
$ git clone [email protected]:yoloz/admin-system-fore-end.git
# 连接公司的vpn拉取module模块(使用到的功能忽略不计,可以移除)
$ git submodule init
$ git submodule update在项目的第一级目录的内容以脚手架为主，目录 packages/、目录 shell/一般无需改动，由单独项目维护，目录 src/web 是实际开发目录：
├── commitlint.config.js
├── commitlint.config.ts
├── package.json
├── packages
├── pnpm-lock.yaml
├── pnpm-workspace.yaml
├── README.en.md
├── README.md
├── shell
├── shell.config.ts
├── src
├── tsconfig.base.json
├── tsconfig.json
└── tsconfig.package.json
#nodejs安装
$ npm install -g pnpm
$ pnpm i
#具体查看package.json中的定义
$ pnpm run web:start
# build: [vite:terser] terser not found. Since Vite v3, terser has become an optional dependency. You need to install it.
$ pnpm install terser -D -w
$ pnpm run web:build- Vue3 新版本
- Vue-router@4 路由
- Element-plus UI 库
- Pinia 状态库，替换原有 vuex
- Typescript 集成，100%使用 ts 编写
- Vite 构建工具，替换 webpack
- Eslint 代码检查工具，支持一键修复，自定义校验规则
- Sass 100%使用 sass 编写样式
- Husky+lint-staged git hook 代码提交规范约束检查
- Monorepo + pnpm 单仓库多项目的方式，项目更加灵活，尤其管理同一产品多项目，用起来很爽
- Git submodule 子模块方式，维护公用仓库（通用 Axios、通用组件、utils 等）
- Axios 请求器，基于 TS 封装，支持多个实例化，全局拦截，全局相应等
- Node-shell 集成，编写自定义命令，轻量级一键打包&部署
- Vite build 打包优化处理，样式分离、gzip 压缩等
- .env 环境分离，不同环境指定不同配置
- Proxy 开发环境反向代理配置
- @vueuse/core，useDark/useToggle 浅色深色主题切换（dark 样式编写）
- Element 样式变量 variables 和样式覆盖 override
- Husky+cz-git 代码 commit 是规范约束校验
详情请参考：阮雪峰的 Commit message 规范 每次提交，Commit message 都包括三个部分：Header，Body 和 Footer。
<type>(<scope>): <subject>
// 空一行
<body>
// 空一行
<footer>
Header 是必需的，Body 和 Footer 可以省略
Header 部分只有一行，包括三个字段：type（必需）、scope（可选）和 subject（必需）subject 与冒号之间有个空格
用于说明 commit 的类别
- feat：新功能（feature）
- fix：修补 bug
- docs：文档（documentation）
- style： 格式（不影响代码运行的变动）
- refactor：重构（即不是新增功能，也不是修改 bug 的代码变动）
- test：增加测试
- chore：构建过程或辅助工具的变动
中间目录下创建index.vue:
<template>
<router-view />
</template>