【原创开源】Vue3+Vite+ElementUI后台框架

2424546201

【原创开源】Vue3+Vite+ElementUI后台框架

没错，又是我~~~
滑稽滑稽{:7_432:}

开源不易，多多支持~~~

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


详细文档以及代码可前往仓库查看~~~

该项目不支持IE浏览器

# 特性

- 速度快
- 轻量化
- 组件丰富
- 高扩展性
- TypeScript支持
- Tsx/Jsx支持

# 准备

你需要在本地安装 node 和 git。本项目技术栈基于 ES2016>、vue3.x、vuex@next、vue-router@next 、vite 、axios 和 element-plus,提前了解和学习这些知识会对使用本项目有很大的帮助。


### 示例

不知道为啥链接加不上去，手动写出来了。

【Demo】http://demo.yuetchn.top

### 链接
【Gitee】https://gitee.com/yuetchn_admin/VueNext-ElementPlus-Admin
【GitHub】https://github.com/yuetchn/VueNext-ElementPlus-Admin

# 功能

- ✅路由
- ✅缓存
- ✅丰富组件
- ✅Request
- ✅权限验证
- ✅Mock
- ✅Ts/Tsx
- ✅Mixin混入
- ✅环境变量
- ❎文件上传
- ❎pdf

# 目录

    ├── public
    │   ├── tinymce
    │   │   ├── langs        
    │   │   └── skins        
    │   └── favicon.ico      
    ├── src
    │   ├── api
    │   │   ├── login.ts
    │   │   └── user.ts
    │   ├── assets
    │   │   ├── icons
    │   │   ├── style
    │   │   └── logo.png
    │   ├── components
    │   │   ├── Charts
    │   │   ├── Dialog
    │   │   ├── Editor
    │   │   ├── LoadingShade
    │   │   ├── Page
    │   │   ├── SvgIcon
    │   │   ├── Table
    │   │   └── index.ts
    │   ├── directive
    │   │   ├── clipboard
    │   │   ├── permission
    │   │   └── index.ts
    │   ├── layout
    │   │   ├── components
    │   │   └── Layout.vue
    │   ├── mixins
    │   │   └── index.ts
    │   ├── mock
    │   │   ├── user
    │   │   └── index.ts
    │   ├── plugins
    │   │   └── Element.ts
    │   ├── router
    │   │   ├── modules
    │   │   └── index.ts
    │   ├── store
    │   │   ├── modules
    │   │   └── index.ts
    │   ├── types
    │   │   ├── global
    │   │   ├── router
    │   │   └── store
    │   ├── utils
    │   │   ├── excel
    │   │   ├── cookie.ts
    │   │   ├── func.ts
    │   │   ├── global.ts
    │   │   ├── permission.ts
    │   │   └── request.ts
    │   ├── views
    │   │   ├── 404
    │   │   ├── components
    │   │   ├── dashboard
    │   │   ├── login
    │   │   └── Redirect
    │   ├── 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

# 截图


# 附件
VueNext-ElementPlus-Admin.zip (229.75 KB, 下载次数: 161)

2022-2-23 10:07 上传

点击文件名下载附件




补充内容 (2022-2-28 16:19):
项目目前迭代中，如需更新到最新版本请前往Gitee拉取[master]分支最新代码！！！

补充内容 (2022-2-28 16:42):

目前这个版本已被迭代，如需更新前往Gitee仓库拉取Master分支代码替换本地。
https://gitee.com/yuetchn_admin/VueNext-ElementPlus-Admin

2424546201

版本迭代更新，如需拉取最新代码，前往Gitee仓库拉取Master分支代码到本地.
已经拉取过的可执行 Git 命令拉取：git clone https://gitee.com/yuetchn_admin/VueNext-ElementPlus-Admin

仓库地址：https://gitee.com/yuetchn_admin/VueNext-ElementPlus-Admin
预览地址：http://demo.yuetchn.top/
目前稳定迭代，有Bug可以在Gitee提交issus或者本贴留言，每天都会看的。

Co5er

额。。这玩意不都是JAVA开发么

王小鑫xxx

很厉害很牛

lnbpwy2020

yvh3344

6666666666666

yvh3344

这么多新东西，想学习！

serendipity5

感觉和e-admin有点像呢

qq40962060

这么多新东西，想学习！

yang5311299

感谢分享谢谢

qzser1

跟易语言好像没什么关系