web-yuzm / vue3-element-admin-ts

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

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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

发布

# 构建生产环境
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 雪月欧巴

About

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

License:MIT License


Languages

Language:Vue 41.8%Language:TypeScript 27.9%Language:JavaScript 19.2%Language:SCSS 10.0%Language:Shell 0.6%Language:HTML 0.5%