Skip to content

这个模板使用了最新的 vue3 和 element-plus UI 框架,vite 构建工具、pinia 状态管理、vue-router 路由管理、mockjs 数据模拟,并集成了 typescript,功能由 Vue Element Admin 移植而来。

License

Notifications You must be signed in to change notification settings

sujak/vue3-element-admin

 
 

Repository files navigation

简介

这个模板使用了最新的 vue3 和 element-plus UI 框架,vite 构建工具、pinia 状态管理、vue-router 路由管理、mockjs 数据模拟,并集成了 typescript。功能从 Vue Element Admin 移植而来,详细使用可以参考该文档

特性

  • 最新技术栈:使用 Vue3/vite3 等前端前沿技术开发
  • TypeScript: 应用程序级 JavaScript 的语言
  • Mock 数据 内置 Mock 数据方案
  • 权限 内置完善的动态路由权限生成方案
  • 组件 二次封装了多个常用的组件

在线示例

vue3 element admin

element plus

准备

开发前请确保熟悉并掌握以下技术栈:

注:开发前请务必阅读上述所有文档。应用至实际项目开发请修改 readme 内容。

推荐的 IDE 工具和插件

VSCode + Vue - Official (需禁用旧插件 Vetur、Volar ) + TypeScript Vue Plugin (Volar).

Vite 构建工具配置

参考 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版本>=20。本地使用v20.18.0验证通过。

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
  • 分享实践案例

About

这个模板使用了最新的 vue3 和 element-plus UI 框架,vite 构建工具、pinia 状态管理、vue-router 路由管理、mockjs 数据模拟,并集成了 typescript,功能由 Vue Element Admin 移植而来。

Resources

License

Code of conduct

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • Vue 71.9%
  • JavaScript 15.6%
  • TypeScript 8.6%
  • SCSS 3.6%
  • Other 0.3%