Vue3 admin element template

简介

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

技术栈

• 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一下！！！

预览

在线预览地址：hu-snail.gitee.io/vue3-admin-…

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

项目截图