这个模板使用了最新的 vue3 和 element-plus UI 框架,vite 构建工具、pinia 状态管理、vue-router 路由管理、mockjs 数据模拟,并集成了 typescript。功能从 Vue Element Admin 移植而来,详细使用可以参考该文档。
- 最新技术栈:使用 Vue3/vite3 等前端前沿技术开发
- TypeScript: 应用程序级 JavaScript 的语言
- Mock 数据 内置 Mock 数据方案
- 权限 内置完善的动态路由权限生成方案
- 组件 二次封装了多个常用的组件
开发前请确保熟悉并掌握以下技术栈:
- vue: https://cn.vuejs.org/
- TypeScript:https://www.tslang.cn/index.html
- element-plus:https://element-plus.midfar.com/
- pinia: https://pinia.vuejs.org/zh/
- vue-router: https://router.vuejs.org/zh/
注:开发前请务必阅读上述所有文档。应用至实际项目开发请修改 readme 内容。
VSCode + Vue - Official (需禁用旧插件 Vetur、Volar ) + TypeScript Vue Plugin (Volar).
参考 Vite 配置.
- mock // 模拟数据
- public
- src
- components // 组件
- views // 页面
- tableTemplates // 示例模块
- index.ts
- login // 登录模块
- index.vue
- settings.ts // 全局配置
- main.ts // 入口文件
- types // TypeScript类型
- package.json
- CODE_OF_CONDUCT.md // 框架开发要求
- README.md //框架使用手册
node -v
npm install
npm run dev:test
npm run build:test
代码检查 ESLint
npm run lint
现代浏览器。
Chrome | Edge | Firefox | Safari |
---|---|---|---|
Chrome ≥ 85 | Edge ≥ 85 | Firefox ≥ 79 | Safari ≥ 14.1 |
我们非常欢迎你的贡献,你可以通过以下方式和我们一起共建基线框架:
- 联系维护人员 midfar@qq.com
- 提交 pr
- 修复 bug
- 分享实践案例