- pnpm start 执行脚本后,浏览器打开 http://127.0.0.1:5173/ 即可启动项目
- pnpm build 项目打包
- pnpm preview 预览打包后的项目
src + assets # 静态资源 + components # 组件 + hooks # 自定义CompositionAPI + pages # 视图 + router # 路由 + stores # 状态管理库
- eslint 检查
- prettier 修改代码规范(建议 Vscode 配置保存自动修复)
- 邮件页面 -> 选择使用...格式文档 -> prettier
- 首选项 -> save -> code format开启保存格式化
- commit 前进行代码规范检测(TODO)
- commit 信息检测(TODO)
- vite 构建项目,毫秒级启动速度
- 页面路由自动引入,只需在 pages 目录创建页面组件即可,无需 import
- 自动引入 vue、vue-router、vueuse、自定义hooks等相关api,无需 import
- 自定义组件自动引入,只需在 components 目录创建即可,无需 import
- pinia 全局管理项目的通用数据状态
- 支持 css 原子化方案,采用 tailwind
- 支持svg通过组件的形式直接使用,svg资源放置 src/assets/svgs 内
- 图片构建自动压缩,修改压缩程度可在 vite.config.ts 修改
- 国际化语言引入与切换功能,语言配置文件放置 locales 内,则可自动导入
- 路由切换时,路由进度条自动化加载与消失
- 支持暗黑模式与切换
- 支持本地数据mock
- 登录模块
- 登录页面
- 表单校验
- axios请求封装
- 登录校验、跳转
- 持久化登录方案
- 权限模块
- 菜单模块
- 页面结构
- 表格封装
- 表单模块
- 弹窗模块
- 个人中心模块
- 面包屑模块
- Excel 导入、导出
- 富文本
- 列表排序