一个基于vue3+vite+js完整中后台模版

一个基于vue3+vite+js完整中后台模版_第1张图片

Vue3 admin element template

简介

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

技术栈

  • vue3
  • vite2
  • element-plus
  • echarts5
  • vue-i18n
  • vuex4.x
  • vue-router4.x
  • axios
  • iconPark

地址

  • github: vue3-admin-element-template
  • gitee:vue3-admin-element-template
    ❤️ 如果对您有用的话,记得start一下!!!

预览

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

Vue3相关资源推荐

❤️ 以下资源全部支持Vue3,如果对您有帮助,记得start一下!!!谢谢

  • Vue3源码解读

  • Vue3组合式Api

  • VueUse

  • Mini-vue

  • Vue面试系列

  • ui库

    • Naiveui:一个 Vue 3 组件库,使用typeScript开发
    • Element-plus : Vue 3.0 的桌面端组件库
    • Ant Design:为 Web 应用提供了丰富的基础 UI 组件
    • Nutui: 京东风格的轻量级移动端 Vue 组件库
    • Vant: 轻量、可靠的移动端 Vue 组件库
  • 其他库:

    • XGplayer: 一款带解析器、能节省流量的 Web 视频播放器,支持视频/音乐
    • Echarts5:一个基于 JavaScript 的开源可视化图表库
    • IconPark:2400+基础图标,29种图标分类,提供更多的选择
    • vue3-carousel:vue3轮播组件
    • Wangeditor: 富文本编辑器
    • Vue-markdown-editor: markdown编辑器
    • vditor: 服务端渲染的markdown编辑器
    • vue-qrcode:二维码组件
    • vue-responsive-video-background-player: 网页视频背景播放
    • Vue Typical:vue3打字效果组件
    • Vue.draggable.next:vue拖拽组件
    • Screenfull: 网页全屏组件
    • Vue-i18n:vue国际化插件
    • Vue-drag-resize: 拖拽元素大小
    • Nprogress: 进度条组件

准备

  • Node: 版本建议 >= 12.0.0 下载链接
  • Git: 版本管理工具
  • Visual Studio Code: 最新版本
    • Vetur - vue开发必备
    • Eslint- 脚本代码检查
    • Prettier - 代码格式化
    • Stylelin - css格式化

安装使用

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

项目截图

一个基于vue3+vite+js完整中后台模版_第2张图片

一个基于vue3+vite+js完整中后台模版_第3张图片

一个基于vue3+vite+js完整中后台模版_第4张图片

一个基于vue3+vite+js完整中后台模版_第5张图片

你可能感兴趣的:(vue-admin,vue.js,javascript,node.js,echarts,elementui)