脚手架
- 开发工具推荐
- 创建项目
- 目录结构
- vite 工程化配置
- gzip
- 代码规范
- VSCode 常用扩展
- 代码格式化 Prettier
- 语法校验 ESlint
- css 代码检测--stylelint
- git 提交规范
- 引入 ElementPlus 组件库
- 引入 TailWindCSS
- 配置 vue-router
- 基础配置
- meta 定义
- keepalive 支持
- 面包屑
- token 鉴权
- SSO 支持
- 配置 Pinia
- 封装 axios
- 基础配置
- token 附加头部
- 响应错误处理
[ ] 取消请求- 加密加签
- 配置 mock
- 配置数据类型 model
- 通用 model
- IQuerys, IQuerysBody, IRowData，IRowInfo
- 查询条件 IQuery
- 业务枚举 IEnumModel
- 通用 model
- 静态资源管理
- 样式
- reset/variable/less 基础样式
- tailwindCSS/WindiCSS
- Element Plus UI 组件库
- TailwindCSS 配置兼容 UI 组件库
- polyfill 垫片—兼容旧版本浏览器
- svg
- svg-icon
- 图片
- 样式
- 界面布局 layouts
- 配置环境变量
- 权限控制
- 国际化 i18n
- 工具库
- 常用正则表达式（手机号，邮箱，身份证）
- 函数库
- 文件上传
- 文件下载
- 枚举定义
enum.ts - message 封装
- storage 封装
- 自定义指令
-
v-auth
-
- 常量
- Token
- BaseUrl
- imageUrl
- WssUrl
组件
- 基础 UI 组件 base
- 空状态：BaseEmpty
- 标题 title
- 返回按钮
- 带 toolTip 的按钮：BaseTipButton
- 基础弹框：BaseDialog
- 基础侧边栏：BaseDrawer
- 基础 icon：BaseIcon
- 基础 Switch：BaseSwitch
- 基础 Tag：BaseTag
- 超出换行：BaseOverflow
- ...
- 业务容器组件 bussiness
- 搜索表单 searchForm
- 数据表格 dataTable
- 机构树
- 图片上传
- ...
业务模块
- 登录注册
- 首页
- 个人信息
- changelog
- 卡片
- 柱状图
- 饼图
- 折线图
- 打印
- 下载 PDF
- 导入/导出 Excel
- 富文本编辑器
- markdown 编辑器
- 项目用到的 svg 预览界面：
iconPreview.vue
其他
- WIKI 文档
- 基础实现过程
- 组件封装
- use 函数库
- UI 设计规范
- Git 版本控制
- 基础实现过程
npm install // yarn
npm run dev // yarn dev
npm run build // yarn build