A project template by vue3 and element-plus

Overview

vue3-admin-template

这是使用vue3 + element-plus 搭建的一套后台管理相关项目的模板

对标 iView Pro, 目前实现的功能有:

功能(Functions)

  • 使用vue3最新setup语法糖,使用js语法,降低使用门槛
  • 包括布局方式随意切换,可通过需求选择布局方式
  • 菜单鉴权:可通过配置切换前后端鉴权方式
  • 路由鉴权
  • 功能鉴权: 封装鉴权指令,简化鉴权操作
  • 配置文件都在setting.js中, 配有完整注释了解其作用

💚 适合人群

  • 正在使用vue3以及想使用 element-plus 开发。
  • 熟悉 Vue.js 技术栈,使用它开发过几个实际项目。
  • 对实现原理技术感兴趣,想进阶和提升的同学。

效果图

img.png img_1.png

Project setup

yarn install

Compiles and hot-reloads for development

yarn serve 

or

yarn dev

Compiles and minifies for production

yarn build

Lints and fixes files

yarn lint

Customize configuration

See Configuration Reference.

You might also like...
vue3.0 + vite2.0 + element-plus + Vuex4.0 + Vue-router4.0 + axios + node-server(前后端分离)

Explain Vite2.0, Vue3.0, ElementPlus, Vuex4.0, Vue-router4.0, Axios Development Explain 路由,api,vuex,模块所用图片 请根据模块进行划分,添加方式请参考当前目录结构 Project setup npm

Brisk-Admin 是一个基于 Vue3.0、Vite、 element-plus、JavaScript的中后台解决方案,它使用了最新的前端技术栈,并提炼了典型的业务页面,包括二次封装组件、动态路由菜单、国际化、动态换肤等功能,它可以帮助你快速搭建中后台项目,该项目使用最新的前端技术栈,使用javascript语法保留了对不熟悉typescript语法用户的友好,同时框架很适合轻松上手使用,希望给你带来帮助。
Brisk-Admin 是一个基于 Vue3.0、Vite、 element-plus、JavaScript的中后台解决方案,它使用了最新的前端技术栈,并提炼了典型的业务页面,包括二次封装组件、动态路由菜单、国际化、动态换肤等功能,它可以帮助你快速搭建中后台项目,该项目使用最新的前端技术栈,使用javascript语法保留了对不熟悉typescript语法用户的友好,同时框架很适合轻松上手使用,希望给你带来帮助。

简介 Brisk-Admin 是一个基于 Vue3.0、Vite、 element-plus、JavaScript的中后台解决方案,它使用了最新的前端技术栈,并提炼了典型的业务页面,包括二次封装组件、动态路由菜单、国际化、动态换肤等功能,它可以帮助你快速搭建中后台项目,该项目使用最新的前端技术栈,使

🚀A new generation Cross-desktop framework using electron13+vue3(setup-script)+vite2+element-plus
🚀A new generation Cross-desktop framework using electron13+vue3(setup-script)+vite2+element-plus

vue3-admin-electron English | 中文 This is a basic vue3 admin electron desktop platform. Contains the most basic electron development and construction s

Out-of-box solution to create enterprise applications, implemented with Vue3 + Element Plus

Out-of-box solution to create enterprise applications, implemented with Vue3 + Element Plus

Tauri-vue3-vuetify3-template - Power by tauri add vue3 vuetify3 typescript cross platform gui template
Tauri-vue3-vuetify3-template - Power by tauri add vue3 vuetify3 typescript cross platform gui template

First EVN 1、install cargo curl https://sh.rustup.rs -sSf | sh 2、install cargo-ta

基于Vue3 + Element Plus 的后台管理系统解决方案
基于Vue3 + Element Plus 的后台管理系统解决方案

基于Vue3 + Element Plus 的后台管理系统解决方案

采用Vue3 + Element Plus 搭建的后台管理系统解决方案,基于vue-manage-system开源系统升级改造而成,企业级定制,注释清晰,快速上手,开箱即用。
采用Vue3 + Element Plus 搭建的后台管理系统解决方案,基于vue-manage-system开源系统升级改造而成,企业级定制,注释清晰,快速上手,开箱即用。

vue-manage-system-plus 采用Vue3 + Element Plus 搭建的后台管理系统解决方案,基于vue-manage-system开源系统升级改造而成,企业级定制,注释清晰,快速上手,开箱即用。线上地址 前言 由于之前企业改用其他技术方案,所以已经好长一段时间没接触vue了

基于Vue3 + Element Plus + Vite2 构建的后台模板
基于Vue3 + Element Plus + Vite2 构建的后台模板

Mojito Admin Mojito Admin 是一个基于 Vue3、 Element Plus、Vite 构建的后台管理系统模板,开箱即用,无过度封装,也可以用于学习参考。 预览 Demo 文档地址 文档 截图 特性 使用最新的Vue3、Vite2、Element Plus 等前端新技术开发

MDAdmin of element-plus
MDAdmin of element-plus

Mocking up web app with MDAdmin(speed) Live Demo English | 简体中文 Features ⚡️ Vue 3, Vite 2, pnpm, ESBuild - born with fastness 🗂 File based routing 📦

Owner
null
A project template by vue3 and element-plus

A project template by vue3 and element-plus

null 1 May 12, 2022
🎉 A new generation vue3 admin template using vue3(script-setup) + vite2 + element-plus

?? A new generation vue3 admin template using vue3(script-setup) + vite2 + element-plus

kuanghua 228 Dec 30, 2022
🎉 A new generation vue3 admin template using vue3(script-setup) + vite2 + element-plus + typescript

vue3-admin-ts English | 中文 A basic vue3 admin template with vite2 & Element-Plus UI & axios & svg-icon& permission control & lint A new generation adm

kuanghua 194 Dec 15, 2022
👏A magical vue3 admin using vue3(script-setup) + vite2 + element-plus

vue3-admin-plus English | 中文 vue3 admin plus provides enterprise-level development demo A new generation admin construct using vue3(setup-script)+vite

kuanghua 625 Jan 7, 2023
🎉 基于 vite 2.0 + vue 3.0 + vue-router 4.0 + vuex 4.0 + element-plus 的后台管理系统vue3-element-admin

vue3-element-admin ?? 基于 Vite 2.0 + Vue3.0 + Vue-Router 4.0 + Vuex 4.0 + element-plus 的后台管理系统 简介 vue3-element-admin 是一个后台前端解决方案,它基于 vue3 和 element-plu

雪月欧巴 84 Nov 28, 2022
🎉 基于 vite 2.0 + vue 3.0 + vue-router 4.0 + vuex 4.0 + element-plus + typescript 的后台管理系统vue3-element-admin-ts

vue3-element-admin-ts ?? 基于 Vite 2.0 + Vue 3.0 + Vue-Router 4.0 + Vuex 4.0 + element-plus + typescript 的后台管理系统 简介 vue3-element-admin 是一个后台前端解决方案,它基于 v

雪月欧巴 92 Nov 16, 2022
element-plus and vue3 admin box.

vue-admin-box是一个免费并且开源的中后台管理系统模板

cmdparkour 1.1k Jan 1, 2023
A set of background integration scheme based on vue3, element plus, typesscript4 and vite2

vue-element-plus-admin English | 中文 Introduction vue-element-plus-admin is a free and open source middle and background template based on element-plus

Archer 772 Jan 6, 2023
Laravel Vue Admin is a beautiful dashboard combination of Laravel, Vue3 and the UI Toolkit Element Plus.

Laravel Vue Admin Laravel Vue Admin is a beautiful dashboard combination of Laravel, Vue3 and the UI Toolkit Element Plus. Getting started Installing

null 6 Dec 5, 2022
vue3.0 + vite2.0 + element-plus + Vuex4.0 + Vue-router4.0 + axios + node-server(前后端分离)

Explain Vite2.0, Vue3.0, ElementPlus, Vuex4.0, Vue-router4.0, Axios Development Explain 路由,api,vuex,模块所用图片 请根据模块进行划分,添加方式请参考当前目录结构 Project setup npm

hell 18 Sep 28, 2022