Vite Element Admin 是使用了最新的vue3,vite2等主流技术开发的免费开源的中后台模版

Overview

简介

Vite Element Admin 是一个免费开源的中后台模版。使用了最新的vue3,vite2等主流技术开发,开箱即用的中后台前端解决方案,也可用于学习参考。

特性

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

预览

测试账号: 随便填 测试密码: 随便填

准备

目录结构

    ├── mock                       // Mock相关  
    ├── src                        // 源代码
    │   ├── api                    // 请求相关文件
    │       ├── constant.js        // 全局变量
    │   ├── assets                 // 静态资源
    │   ├── components             // 全局公用组件
    │   ├── directive              // 全局指令
    │   ├── icons                  // svg资源
    │   ├── layout                 // layout
    │   ├── plugins                // plugins
    │   ├── router                 // 路由
    │   ├── store                  // 全局 store管理
    │   ├── styles                 // 全局样式
    │   ├── utils                  // 工具函数
    │   ├── vendor                 // 公用vendor
    │   ├── views                  // 页面集合
    │   │      ├── login           // 登录
    │   ├── App.vue                // 入口页面
    │   ├── main.js                // 入口 加载组件 初始化等
    │   └── permission.js          // 权限管理
    ├── .gitignore                 // git 忽略项
    ├── favicon.ico                // favicon图标
    ├── index.html                 // html模板
    └── package.json               // package.json

开发

# 克隆项目
git clone https://github.com/mvpyb/vite-element-plus-admin.git

# 进入项目目录
cd vite-element-plus-admin

# 安装依赖
npm install

# 建议不要用 cnpm 安装 会有各种诡异的bug 可以通过如下操作解决 npm 下载速度慢的问题
npm install --registry=https://registry.npm.taobao.org

# 启动服务
npm run dev

发布

# 构建生产环境
npm run build:pro
Releases(2.0.1)
An elegant dashboard

D2Admin is a fully open source and free enterprise back-end product front-end integration solution, using the latest front-end technology stack, javas

D2 Projects 10.7k Jul 26, 2021
🎉 A magical vue admin

vue-element-admin is a production-ready front-end solution for admin interfaces. It is based on vue and uses the UI Toolkit element-ui. vue-element-admin is based on the newest development stack of vue and it has a built-in i18n solution, typical templates for enterprise applications, and lots of awesome features. It helps you build large and complex Single-Page Applications. I believe whatever your needs are, this project will help you.

花裤衩 69.5k Jul 25, 2021
A vue3 version of vue-element-admin

vue-element-admin is a production-ready front-end solution for admin interfaces. It is based on vue and uses the UI Toolkit element-ui.

Ziwen Mei 348 Jul 24, 2021
🚀🚀🚀vue3,vue3.0,vue,vue3.x,vue.js,vue后台管理,admin,vue-admin,vue-element-admin,ant-design,vue-admin-beautiful-pro,vab admin pro,vab admin plus主线版本基于element-plus、element-ui、ant-design-vue三者并行开发维护,同时支持电脑,手机,平板,切换分支查看不同的vue版本,element-plus版本已发布(vue3,vue3.0,vue,vue3.x,vue.js)

??????vue3,vue3.0,vue,vue3.x,vue.js,vue后台管理,admin,vue-admin,vue-element-admin,ant-design,vue-admin-beautiful-pro,vab admin pro,vab admin plus主线版本基于element-plus、element-ui、ant-design-vue三者并行开发维护,同时支持电脑,手机,平板,切换分支查看不同的vue版本,element-plus版本已发布(vue3,vue3.0,vue,vue3.x,vue.js)

good luck 9.6k Jul 24, 2021
Vite Element Admin 是使用了最新的vue3,vite2等主流技术开发的免费开源的中后台模版

简介 Vite Element Admin 是一个免费开源的中后台模版。使用了最新的vue3,vite2等主流技术开发,开箱即用的中后台前端解决方案,也可用于学习参考。 特性 最新技术栈:使用 Vue3/vite2 等前端前沿技术开发 Mock 数据 内置 Mock 数据方案 权限 内置完善的动态路

null 5 Jul 14, 2021
✨ ✨ ✨ A vue3 style Admin based on Vite2, vue3.0, ant-design-vue 2.x, typescript,vuex,vue-router,Efforts to update in progress...

✨ ✨ ✨ A vue3 style Admin based on Vite2, vue3.0, ant-design-vue 2.x, typescript,vuex,vue-router,Efforts to update in progress...

Vben 5.4k Jul 24, 2021
一个vue3-admin-template-vite项目,升级于pan大佬的vue-admin-template项目,基本保留原有架构无缝切换

vue3-element-vite-template 一款 vue3 开箱即用的纯净的后台管理系统,只包含 ui/权限/axios 封装/svg 等 在线预览地址 此项目是在 pan 大佬的vue-admin-template项目基础上进行微改的 vue3 版本,基本沿用 vue-admin-tem

Maxma 5 Jul 18, 2021
Restful Admin Dashboard Based on Vue and Boostrap 4

REST-ADMIN 中文文档 An Powerful Admin Dashboard based on Boostrap-Vue. Demo: http://rest-admin.genyii.com/ admin admin Please support me on https://afdian

Johnny Wu 590 Jul 24, 2021
vue3-element-admin后台管理系统前端解决方案

Vue3 Element Admin 简介 Vue3 Element Admin 是一个免费开源的中后台模版。基于vue3+ElementPlus+Vite开发,是一个开箱即用的中后台系统前端解决方案,它可以帮助你快速搭建企业级中后台产品原型,也可用于学习参考。 在线预览 使用文档 项目地址 git

ZSEN 17 Jul 23, 2021
🖖 A vue-cli 3.0 + typescript minimal admin template

vue-typescript-admin-template is a production-ready front-end solution for admin interfaces based on vue, typescript and UI Toolkit element-ui

Chong Guo 3.9k Jul 25, 2021
🐜 Ant Design Pro's implementation with Vue

?? Ant Design Pro's implementation with Vue

null 2.5k Jul 29, 2021
基于vue3.0 + vite + vue-router4.x + vuex4.x + ant-design-vue2.x开发的后台管理系统模板,包含权限路由、权限按钮、流程配置、个人中心等基础功能

简介 vue-antd-admin-vite 是基于vue3.0 + vite + vue-router4.x + vuex4.x + ant-design-vue2.x开发的后台管理系统模板,包含权限路由、权限按钮、流程配置、个人中心等基础功能 vue-cli4.0版本:vue-antd-admi

Jason Chen 5 Jul 29, 2021
Crudapi Admin Web (crudapi-admin-web)

简介:crudapi后台管理页面,框架采用Vue,控件库为Quasar, 形式为SPA单页面应用。 主要知识点:Vue基本知识,自定义组件,axios网络请求,Vuex状态管理,Router路由,本地存储LocalStorage、Session、Cookie,登录,本地调试,docker打包等。 主要功能:元数据管理,序列号管理,表关系设置,业务数据crud增删改查等。

crudapi 20 Jul 8, 2021
Open Admin是基于 Spring Boot + Spring Security + Mybatis + Vue Antd Admin Pro + Mysql开发的框架,致力于为用户生成定制的前后端脚手架框架。

项目介绍 Open Admin是基于 Spring Boot + Spring Security + Mybatis + Vue Antd Admin Pro + Mysql开发的框架,致力于为用户生成定制的前后端脚手架框架,系统集成了同步菜单、异步菜单、RBAC、 菜单权限、日志管理、Excel导

cxp1539 179 Jul 18, 2021