README.md 4.3 KB
技术选型
- 开发框架采用 Vue3 版本：3.3.4+
- 构建工具采用 Vite 版本： 4.3.8+
- 包管理采用 pnpm版本 6.20+
- 多语言框架采用 i18n 版本 9.2.2
- ui 框架采用 Ant-Design-Vue 版本：3.0+
- http 请求库 采用 axios 版本 1.4.0+
- 代码计算库 采用 jsbi-calculator 版本 0.3.6+
- 框架开发语言采用 TypeScript 版本 5.0.4+
- 工作流组件采用 bpmn.js 版本 8.7+
- 时间工具库采用 day.js 版本 1.11.0+
- 状态管理库采用 pinia 版本 2.0.12 +
- 图表库采用 echarts版本 5.3.1+
- excel 操作库采用 exceljs 版本 4.3.0+
- 工具类采用 lodash-es 版本 4.17.21+
- 工具类采用 vueuse 版本 10.1.2+
- 打印工具类库 采用 printjs 版本 1.6.0+
- 二维码类库 采用 qrcode 版本 1.5.0+
- 拖拽组件 采用 vuedraggable 版本 4.1.0+
- 富文本编辑器 采用 wangeditor 版本 4.6.13+
- 项目 git 提交管理库 采用 husky 版本 8.0.3+
- 项目框架结构采用 Vben 作为基础，搭建而成。
- 其他技术及版本 以 Vben 文档 以及 package.json 做参考
特性
- 最新技术栈：使用 Vue3/vite3 等前端前沿技术开发
- TypeScript: 应用程序级 JavaScript 的语言
- 主题：可配置的主题
- 国际化：内置完善的国际化方案
- Mock 数据 内置 Mock 数据方案
- 权限 内置完善的动态路由权限生成方案
- 组件 二次封装了多个常用的组件
准备
- node 和 git -项目开发环境
- Vite - 熟悉 vite 特性
- Vue3 - 熟悉 Vue 基础语法
- TypeScript - 熟悉
TypeScript基本语法 - Es6+ - 熟悉 es6 基本语法
- Vue-Router-Next - 熟悉 vue-router 基本使用
- Ant-Design-Vue - ui 基本使用
- Mock.js - mockjs 基本语法
安装使用
- 安装依赖
cd xjrsoft-vue3
pnpm install
- 运行
pnpm dev
- 打包
pnpm build
Git 贡献提交规范
- 参考 vue 规范 Angular)
feat增加新功能fix修复问题/BUGstyle代码风格相关无影响运行结果的perf优化/性能提升refactor重构revert撤销修改test测试相关docs文档/注释chore依赖更新/脚手架配置修改等workflow工作流改进ci持续集成types类型定义文件更改wip开发中
相关仓库
- vite-plugin-mock - 用于本地及开发环境数据 mock
- vite-plugin-html - 用于 html 模版转换及压缩
- vite-plugin-style-import - 用于组件库样式按需引入
- vite-plugin-theme - 用于在线切换主题色等颜色相关配置
- vite-plugin-imagemin - 用于打包压缩图片资源
- vite-plugin-compression - 用于打包输出.gz|.brotil 文件
- vite-plugin-svg-icons - 用于快速生成 svg 雪碧图