6 Star 51 Fork 12

YuetChn / VueNext-ElementPlus-Admin

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
克隆/下载
贡献代码
同步代码
取消
提示: 由于 Git 不支持空文件夾,创建文件夹后会生成空的 .keep 文件
Loading...
README
MIT

VueNext-ElementPlus-Admin

⚡简介

VueNext-ElementPlus-Admin 是一个后台前端解决方案,它基于 vue3.xelement-plus实现。它使用了前沿的前端技术栈,内置了动态路由,权限验证,提炼了典型的业务模型,模块化开发,提供了丰富的功能组件,内置 i18n 国际化解决方案,拥抱 Vite 急速的服务启动以及轻量快速的热重载提高开发效率,可以帮助你快速搭建企业级中后台产品原型。 轻量级框架只保留了基本核心功能,不冗余不需要的功能,可根据业务随意扩展,快速搭建定制的后台应用。

该项目不支持 IE 浏览器

Vue 3 官方已经放弃对 IE11 的支持


💒特性

  • ⚡️ 速度快
  • 🍃 轻量化
  • 🧱 模块化
  • 📦 组件丰富
  • 🚀 高扩展性
  • 📠 Typescript
  • 🌈 Tsx/Jsx
  • 🌎 国际化

🎯准备

你需要在本地安装 nodegit。本项目技术栈基于 ES2016>vue3.xpiniavue-router@nextviteaxioselement-plus,提前了解和学习这些知识会对使用本项目有很大的帮助。

文档

中文文档(持续更新)

示例

点击我前往

相关链接

Gitee | GitHub

🏭功能

  • ✅路由(静态/动态)
  • ✅缓存
  • ✅丰富组件
  • ✅权限验证(菜单/按钮/功能)
  • ✅多环境变量
  • ✅国际化(i18n)
  • ✅Utils

🔨Volar

Volar —— Vue3 完美的配套工具

⚡ Fast Vue Language Support Extension

注意:此插件与 Vetur 冲突,需要先禁用 Vetur

🔌服务端

目前正在从Mock服务陆续迁移,新后台服务使用 Go语言 进行编写,目前开发接近尾声,后台服务框架后续会和当前项目合并开源。

目录

├── public
│   ├── tinymce
│   │   ├── langs
│   │   └── skins
│   └── favicon.ico
├── src
│   ├── api
│   │   ├── v1
│   │   ├── login.ts
│   │   └── user.ts
│   ├── assets
│   │   ├── icons
│   │   ├── imgs
│   │   ├── style
│   │   └── logo.png
│   ├── components
│   │   ├── Charts
│   │   ├── Dialog
│   │   ├── Editor
│   │   ├── Link
│   │   ├── LoadingShade
│   │   ├── MarkDown
│   │   ├── Page
│   │   ├── QrCode
│   │   ├── SvgIcon
│   │   ├── Table
│   │   ├── index.scss
│   │   └── index.ts
│   ├── directive
│   │   ├── src
│   │   └── index.ts
│   ├── layout
│   │   ├── components
│   │   └── Layout.vue
│   ├── locale
│   │   ├── en-US.ts
│   │   ├── index.ts
│   │   └── zh-CN.ts
│   ├── hooks
│   │   ├── src
│   │   └── index.ts
│   ├── mock
│   │   ├── user
│   │   └── index.ts
│   ├── router
│   │   ├── modules
│   │   ├── index.ts
│   │   └── static.ts
│   ├── store
│   │   ├── app.ts
│   │   ├── user.ts
│   │   ├── viewTag.ts
│   │   └── index.ts
│   ├── types
│   │   ├── axios
│   │   ├── components
│   │   ├── global
│   │   ├── request
│   │   └── router
│   ├── utils
│   │   ├── cache
│   │   ├── excel
│   │   ├── func
│   │   ├── cookie.ts
│   │   ├── global.ts
│   │   └── permission.ts
│   ├── views
│   │   ├── 404
│   │   ├── components
│   │   ├── dashboard
│   │   ├── login
│   │   ├── Redirect
│   │   └── systemManage
│   ├── App.vue
│   ├── env.d.ts
│   └── main.ts
├── .env
├── .env.development
├── .env.production
├── .eslintrc.js
├── .tslint.json
├── index.html
├── LICENSE
├── package.json
├── README.md
├── tsconfig.json
└── vite.config.ts

🚧开发

# 拉取代码仓库到本地
git clone https://gitee.com/yuetchn_admin/VueNext-ElementPlus-Admin

# 切换项目目录
cd VueNext-ElementPlus-Admin

# 安装依赖
npm i
or
yarn

# 启动项目
npm run dev
or
yarn dev

# 启动项目 - 生产环境
npm run serve
or
yarn serve

浏览器访问地址:http://localhost:85

发布

# 构建开发环境
npm run build:dev
or
yarn build:dev

# 构建生产环境
npm run build:prod
or
yarn build:prod

其他

# 代码检查
npm run lint
or
yarn lint
IE Edge Firefox Google Node
non-supported last 2 versions last 2 versions last 2 versions > 20

🍕支持作者

如果你在使用中或使用过后,觉得框架不错,希望你能帮我点个 ⭐ Star,这将是对我极大的鼓励与支持。

License

MIT

Copyright (c) 2023-present YuetChn

MIT License Copyright (c) 2022 YuetChn Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

简介

⚡️基于 vue3.x 、Vite 5 和 element-plus实现的轻量级后台应用框架。 展开 收起
MIT
取消

发行版

暂无发行版

贡献者

全部

近期动态

加载更多
不能加载更多了
TypeScript
1
https://gitee.com/yuetchn_admin/VueNext-ElementPlus-Admin.git
git@gitee.com:yuetchn_admin/VueNext-ElementPlus-Admin.git
yuetchn_admin
VueNext-ElementPlus-Admin
VueNext-ElementPlus-Admin
master

搜索帮助