Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Appearance settings

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

License

Notifications You must be signed in to change notification settings

midfar/vue3-element-admin

Open more actions menu

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 移植而来。

Topics

Resources

License

Code of conduct

Stars

Watchers

Forks

Packages

No packages published
Morty Proxy This is a proxified and sanitized view of the page, visit original site.