🎉 基于 vite 2.0 + vue 3.0 + vue-router 4.0 + vuex 4.0 + element-plus + typescript 的后台管理系统vue3-element-admin-ts

Overview

vue3-element-admin-ts

🎉 基于 Vite 2.0 + Vue 3.0 + Vue-Router 4.0 + Vuex 4.0 + element-plus + typescript 的后台管理系统

简介

vue3-element-admin 是一个后台前端解决方案,它基于 vue3element-plus实现。它使用了最新的前端技术栈,vite + vue3 + typescript ,提供最基础的框架模型,可以帮助你快速搭建企业级中后台产品原型。 PS:我是参考 @PanJiaChen 开发维护的 vue-element-admin, 十分感谢大佬对开源社区做出的贡献 :)

前序准备

你需要在本地安装 nodegit。本项目技术栈基于 ES2015+vue3vuexvue-routerviteaxioselement-plus,提前了解和学习这些知识会对使用本项目有很大的帮助。

开发

# 克隆项目
git clone https://github.com/au1996/vue3-element-admin-ts.git

# 进入项目目录
cd vue3-element-admin

# 安装依赖
npm install

# 建议修改为 taobao 源解决下载速度慢的问题
npm config set registry https://registry.npm.taobao.org/

# 启动服务
npm run dev

浏览器访问 http://localhost:7001

发布

# 构建生产环境
npm run build

其它

# eslint代码格式检查
npm run lint:js

# stylelint代码样式检查
npm run lint:css

浏览器支持

本地开发推荐使用Chrome浏览器,在火狐浏览器进行开发相对卡顿。

支持现代浏览器, 不支持 IE

 Edge
IE
 Edge
Edge
Firefox
Firefox
Chrome
Chrome
Safari
Safari
not support last 2 versions last 2 versions last 2 versions last 2 versions

更多浏览器可以查看 Can I Use Es Module

在线 Demo

JavaScript 版本传送门

License

MIT

Copyright (c) 2021 雪月欧巴

You might also like...
🎉 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

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

👏A magical vue3 admin using  vue3(script-setup) + vite2 + element-plus
👏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

wt-vite-vue3-element-ruoyi-ts 若以 若依 typescript ts vue3 vue vite vite2.0 模版

wt-vite-vue3-element-ruoyi-ts 🎉 全网首发 🎉 基于 Vite 2.0 + Vue 3.0 + Vue-Router 4.0 + Vuex 4.0 + element-plus + typescript 的后台管理系统 Project setup npm i -g

Star Admin Vue Admin Template is a free admin template based on Bootstrap 4 and Vue.js.
Star Admin Vue Admin Template is a free admin template based on Bootstrap 4 and Vue.js.

Star Admin Vue Admin is a free admin template based on Bootstrap 4 and Vue.js.

vue-vben-admin-2.0 mini template.vue3,vite,typescript
vue-vben-admin-2.0 mini template.vue3,vite,typescript

Vue vben admin English | 中文 Introduction Vue Vben Admin is a free and open source middle and back-end template. Using the latest vue3, vite2, TypeScri

A frontend SIMPLE Admin Interfaces, based on Vite + Vue3 + Antd + Typescript
A frontend SIMPLE Admin Interfaces, based on Vite + Vue3 + Antd + Typescript

Lightweight, pure, easy to use Vue3 admin interfaces.

vue-element-admin is a production-ready front-end solution for admin interfaces.
vue-element-admin is a production-ready front-end solution for admin interfaces.

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.

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

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

🐋vite vue3 element admin
🐋vite vue3 element admin

Vite + Vue3 + ElementPlus + Typescript 管理后台前端简易框架 这里是element-plus版本,如果你更倾向于使用antd,请点击这里。 ✨ 最新版本 v1.0.10 优化代码 🐬 简介 vue-clownfish-admin-elem 是一个由Vue最新技

Comments
  • vue3 defineExpose无法正常使用

    vue3 defineExpose无法正常使用

    Bug report(问题描述)

    vue3提供api defineExpose无法正常使用

    Steps to reproduce(问题复现步骤)

    Screenshot or Gif(截图或动态图)

    Link to minimal reproduction(最小可在线还原 demo)

    Other relevant information(格外信息)

    • Your OS:
    • Node.js version:
    • vue-element-admin version:
    opened by star9923 1
  • 收起菜单时动画消失了

    收起菜单时动画消失了

    Bug report(问题描述)

    Steps to reproduce(问题复现步骤)

    Screenshot or Gif(截图或动态图)

    Link to minimal reproduction(最小可在线还原 demo)

    Other relevant information(格外信息)

    • Your OS:
    • Node.js version:
    • vue-element-admin version:
    opened by linnaizhen 1
  • 设置里的指令管理怎么没有了?

    设置里的指令管理怎么没有了?

    Question(提问)

    Steps to reproduce(问题复现步骤)

    Screenshot or Gif(截图或动态图)

    Link to minimal reproduction(最小可在线还原 demo)

    Other relevant information(格外信息)

    • Your OS:
    • Node.js version:
    • vue-element-admin version:
    opened by Leslie1900 1
Owner
雪月欧巴
雪月欧巴
🚀🚀🚀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 13.4k Jan 1, 2023
🚀🚀🚀Vue3,Vue3.0,Vue,Vue3.x,Vuex,Typescript,TSX,ts,vue后台管理,admin,vue-admin,vue3-admin,vue-element-admin,iooc-admin,iooc-vue-admin主线版本基于element-plus、Typescript开发维护.集成CRUD,JsonSchema、大量节省业务代码.

iooc-admin(element-plus) 演示地址(数据库五分钟重置一次) ⚡️ vue3.x + element-plus + TypeScript ⚡️ vue3.x + element-plus + TypeScript (视频) 项目地址 ⚡️ vue3.x + element-pl

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

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

yunmiao 22 Nov 21, 2022
Vue3 admin,ant design vue pro,vue admin,vue vite admin,ant design pro

Ant Design Vue Pro An out-of-box UI solution for enterprise applications as a Vue boilerplate. based on Ant Design of Vue 基于 Vite2 Vue3 Ant-Design-of-

Ones 80 Dec 16, 2022
✨ ✨ ✨ 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 15.5k Jan 1, 2023
soybean admin - a beautiful vue admin template, based on Vue3、Vite、Naive UI、TypeScript.

soybean admin - a beautiful vue admin template, based on Vue3、Vite、Naive UI、TypeScript.

Soybean 2k Jan 4, 2023
Micro front-end Admin based on Qiankun, vue3.x, admin-element-vue, admin-antd-vue project architecture

Micro front-end Admin based on Qiankun, vue3.x, admin-element-vue, admin-antd-vue project architecture

null 21 Dec 26, 2022
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
element-plus and vue3 admin box.

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

cmdparkour 1.1k Jan 1, 2023