Skip to content

🎉 基于 Vue3、Vite2、Element-Plus、Vue-i18n、Vue-router4.x、Vuex4.x、Echarts5等最新技术开发的中后台管理模板,完整版本 vue3-admin-element 正在开发完善中

License

Notifications You must be signed in to change notification settings

hu-snail/vue3-admin-element-template

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Vue3 admin element template

Vue3-admin-element-template 是 Vue3-admin-element的精简版本,去掉了完整版本中丰富的组件库。项目使用的是Composition Api、和<script setup>新语法糖风格编写。

前言

Vue3-admin-element-template项目是js版本,相信有部分刚入门的程序员不熟悉ts编写,在github上查找了关于vue3中后台模板,大部分都是基于ts版本。所以决定自己写一个基于js版本的中后台模板,当然如果您很熟练ts建议您使用它!不熟悉的建议您开始纳入学习计划。后期准备用ts和Naiveui开发一套开箱即用的中后台模板。

简介

Vue3-admin-element-template是一个免费开源的中后台模板你,使用了最新的vue3vite2 等主流技术开发,开箱即用的中后台前端解决方案。

项目目的:

  • 学习Vue3相关Api
  • 掌握Vite2插件机制、构建配置

提示:项目使用<script setup> 新语法编写,会有黄色警告信息,不用理会!!!

在线预览地址:https://hu-snail.gitee.io/vue3-admin-element-template

特性

  • 最新技术栈:vue3.2.12/vite2
  • Javascript版本
  • 可自定义主题
  • vue-i18n国际化方案
  • Mock 数据方案
  • 权限控制

vue3资源库

一个收集vue3资源的网站,包含web端/移动端/小程序等 在线预览地址:vue3-resource

文档

正在编写中......

准备

安装使用

  • 获取代码
git clone https://github.com/hu-snail/vue3-admin-element-template.git
  • 安装依赖
yarn install
  • 运行
yarn serve
  • 打包
yarn build
  • 本地预览
yarn preview
  • 打包/预览
yarn build:preview

预览

在线预览地址:https://hu-snail.gitee.io/vue3-admin-element-template

测试账号:admin/admin 密码可以随意输入

截图1

截图2

截图3

截图4

浏览器支持

本地开发推荐使用Chrome 80+ 浏览器

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

维护者

@hu-snail

捐赠

如果你觉得这个项目对你有帮助,你可以帮作者买一杯咖啡表示支持!

License

MIT © hu-snail-2021

About

🎉 基于 Vue3、Vite2、Element-Plus、Vue-i18n、Vue-router4.x、Vuex4.x、Echarts5等最新技术开发的中后台管理模板,完整版本 vue3-admin-element 正在开发完善中

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published