当前位置:首页 > 技术分析 > 正文内容

Vue3+ElementPlus通用后台模板VUE3-VITE-TEMPLATE

#头条创作挑战赛#

今天再分享一个基于vue3+ElementPlus+Typescript+Vite搭建通用的后台管理模板。

vue3-template-admin 基于常见业务场景,抽象出常见功能组件;包括动态菜单,菜单权限、登录、主题切换、国际化、个人中心、表单页、列表页、复制文本、二维码分享等等。

插件/库

  • eslint-plugin-vue eslint-plugin-vue
  • axios 强大的前端请求库
  • fues.js fues.js Fuzzy Search 前端模糊搜索
  • echart echart 数据可视化
  • antv antv 蚂蚁数据可视化
  • xlsx xlsx SheetJS
  • jszip jszip 优秀的前端压缩库
  • mockjs mockjs 模拟和交互数据
  • wangeditor wangeditor 富文本编辑器
  • fullcalendar fullcalendar 丰富的日历插件
  • driverJS 轻量级 driverJS 新用户引导

快速构建

# 克隆项目
# cnpmjs
git clone https://github.com.cnpmjs.org/GeekQiaQia/vue3.0-template-admin.git

# or
git clone https://github.com/GeekQiaQia/vue3.0-template-admin.git


# 进入项目目录
cd vue3.0-template-admin

# 安装依赖 (推荐yarn)
npm install  / yarn

# 启动服务
npm run dev  / yarn dev

# 打包
npm run build  / yarn build

# 本地预览打包后的dist文件
npm run preview / yarn preview

一款还不错的集成型后台管理系统,有需要的可以去看看。

# 预览地址
https://geekqiaqia.github.io/vue3.0-template-admin/#/login?redirect=/home

# 仓库地址
https://github.com/GeekQiaQia/vue3.0-template-admin

ok,今天就分享到这里了。

扫描二维码推送至手机访问。

版权声明:本文由ruisui88发布,如需转载请注明出处。

本文链接:http://www.ruisui88.com/post/4210.html

标签: vue3 深拷贝
分享给朋友:

“Vue3+ElementPlus通用后台模板VUE3-VITE-TEMPLATE” 的相关文章

快速上手React

web前端三大主流框架1、Angular大家眼里比较牛的框架,甚至有人说三大框架中只有它能称得上一个完整的框架,因为它包含的东西比较完善,包含模板,数据双向绑定,路由,模块化,服务,过滤器,依赖注入等所有功能。对于刚开始学习使用框架的小伙伴们,可以推荐这个框架,学会之后简直能颠覆之前你对前端开发的认...

10个实例小练习,快速入门熟练 Vue3 核心新特性(一)

作者:xuying 全栈修炼转发链接:https://mp.weixin.qq.com/s/_n2seDbbiO5hXQfuUGbUCQ前言Vue3.0 发 beta 版都有一段时间了,正式版也不远了,所以真的要学习一下 Vue3.0 的语法了。本篇文章总共分两部分,望小伙伴们认真阅读。下一篇:10...

双子座应用程序推出模型切换器以在Android上访问2.0

#头条精品计划# 快速导读谷歌推出了Gemini 2.0 Flash实验版,现已在其安卓应用中可用,之前仅在gemini.google.com网站上提供。新版本的15.50包含模型切换器,用户可以在设置中选择不同模型,包括1.5 Pro、1.5 Flash和2.0 Flash实验版。谷歌提醒,2.0...

Gemini应用在Android上广泛推出2.0闪电模式切换器

#头条精品计划# 快速导读谷歌(搜索)应用的测试频道在安卓设备的双子应用中推出了2.0闪电实验功能,现已向稳定用户开放。双子应用通过谷歌应用运行,目前推出的15.50版本中,用户可通过模型选择器体验不同选项,包括1.5专业版、1.5闪电版和2.0闪电实验版。2.0闪电实验模型提供了更快的响应速度和优...

微信外H5跳转小程序——组件(vue项目)

场景有个H5(vue项目),需要实现点击商品item跳转到小程序,微信内和微信外都要支持,这里我们只介绍一下H5在微信外的跳转。如图所示,红框内是一个商品,就是点击这里,要跳转小程序:配置微信小程序云开发(云函数)1、开通云开发然后选择免费额度2、云开发权限设置找到权限设置,把这里的「未登录用户访问...

一文看懂企业微信开发简易教程

为让开发者快速理解开发流程,本篇章展示如何一步步设计一个能与企业后台互动的自建应用。添加自建应用登录企业微信管理端 -> 应用与小程序 -> 应用 -> 自建,点击“创建应用”,设置应用logo、应用名称等信息,创建应用。创建完成后,在管理端的应用列表里进入该应用,可以看到agen...