首页 > 其他分享 >Vue 3.0开发的开源前端项目

Vue 3.0开发的开源前端项目

时间:2023-09-27 10:00:44浏览次数:40  
标签:Vue 3.0 admin 开源 github https vue3 com

文章来源:https://zhuanlan.zhihu.com/p/587627578

 

1,PPTist

PPTist 是一个基于Vue3.x + TypeScript + Pinia + Ant Design Vue + Canvas 开发的在线演示文稿(幻灯片)应用,还原了大部分 Office PowerPoint的功能,支持文字、图片、形状、线条、图表、表格、视频、音频、公式 几种最常用的元素类型,每一种元素都拥有高度可编辑能力,同时支持丰富的快捷键和右键菜单,支持导出本地 PPTX 文件,支持移动端基础编辑和预览,支持 PWA。

 

在线体验地址:https://pipipi-pikachu.github.io/PPTist/

项目链接:https://github.com/pipipi-pikachu/PPTist

 

2,vue-next-admin

vue-next-admin 是一个基于Vue3.x + Typescript + Vite + Element plus + Vuex 开发的模版管理系统,现已适配手机、平板、PC 等多个平台,可以用来快速的搭建各种管理系统,减少工作量。

 

 

项目链接:https://github.com/lyt-Top/vue-next-admin

 

 

3,VUE3-MUSIC

VUE3-MUSIC 是一个基于 Vue 3 + TypeScript + Vite + Pinia + Vueuse 技术框架开发的音乐播放器,主要界面是模仿QQ音乐 Mac 客户端,支持黑夜模式。首次运行准备好自己的API服务地址,并且需要是HTTPS的,我们可以使用开源的网易云音乐API来实现。

 

image.png

 

在线体验:https://smallruraldog.github.io/vue3-music

项目链接:https://github.com/SmallRuralDog/vue3-music

 

 

4,Vue vben admin

Vue Vben Admin 是一个开源的中后台模版,使用了最新的 Vue3 + Vite + TypeScript + Pinia + Vue Router 等主流技术开发,开箱即用的中后台前端解决方案,可以帮助开发者快速的搭建各种后台管理系统。

 

 

项目链接:https://github.com/vbenjs/vue-vben-admin

 

 

5,vue-pure-admin

vue-pure-admin 是一款使用Vue3 + Vite + Element Plus+TypeScript + Pinia + Tailwindcss 等主流技术开发的开源免费中后台管理系统模版,同时它还适配了移动端,可以说是一款开箱即用的模版系统。

 

 

项目链接:https://github.com/xiaoxian521/vue-pure-admin

 

 

6,vue3-composition-admin

vue3-composition-admin是一款基于 Vue3+TypeScript+Vuex+Vue Router+Element plus等技术开发的后台管理系统模板,项目以 composition api 风格编写,项目借鉴了vue-element-admin。

 

 

项目链接:https://github.com/RainManGO/vue3-composition-admin

 

 

7,vue3-admin

vue3-admin是一款基于Vue3 + Vite + Vue-Router + Element-Plus + Echarts + Axios技术开发的后台管理系统。后台使用 Spring Boot 2.X 技术栈开发。前台商城系统包含首页门户、商品分类、新品上线、首页轮播、商品推荐、商品搜索、商品展示、购物车、订单结算、订单流程、个人订单管理、会员中心、帮助中心等模块,非常适合用来进行电商系统的开发。

 

 

项目链接:https://github.com/newbee-ltd/vue3-admin

 

 

8,vue3-bigData

vue3-bigData是一款基于 Vue3.0 + Vuex + Vue Router + TypeScript + Echarts开发的大数据可视化后台系统,主打的功能是各种可视化图表,非常适合用来做数据报表开发。

 

 

项目链接:https://github.com/biubiubiu01/vue3-bigData

 

 

9,vue3-antd-admin

vue3-antd-admin是一款基于 vue-cli5.x+ vite2.x + vue3.x + antd-design-vue3.x + typescript4.x 开发的后台管理系统模板,同事还支持H5低代码平台。

 

 

项目链接:https://github.com/buqiyuan/vue3-antd-admin

 

 

10,vue3-admin-plus

vue3-admin-plus是一个基于vue3+vite3+element-plus开发的后台管理系统,项目是由了使用 eslint+prettier+gitHooks 格式和校验代码,提高代码规范性和开发效率,同时使用当前流行的pnpm包管理工具来管理项目。

 

 

项目链接:https://github.com/jzfai/vue3-a

 

标签:Vue,3.0,admin,开源,github,https,vue3,com
From: https://www.cnblogs.com/web-aqin/p/17731973.html

相关文章

  • VUE 3.0使用Tinymce编辑器JS报错解决
    接上篇文章写到的Tinymce编辑器,突然发现了,多点击几次编辑弹框内容就会变空白,而且JS报错了。如下图: 点开这个js就能发现错误的地方了改这两个文件就可以了,代码如下:if(typeofe.content!=='string'){e.content=e.content.innerHTML;}    这样......
  • ScanPay - 开源加密货币支付解决方案
    在加密货币领域的不断发展和演变中,ScanPay(GitHub链接:https://github.com/BlockATMOnLine/ScanPay )已经崭露头角,成为商户们的首选支付解决方案。ScanPay是一款开源免费的支付解决方案,为商户提供包括USDT-TRC20、USDT-ERC20等各类加密货币代收代付功能,适应了这一不断变化的数字货......
  • vite+vue3项目发布到手机
    1.修改vite.config.jsexportdefaultdefineConfig({plugins:[vue(),],resolve:{alias:{'@':fileURLToPath(newURL('./src',import.meta.url))}},server:{hmr:true,host:"0.0.0.0",......
  • sanic vue-vben开发学习(一)
    兵马未动,规矩先行。开发是个系统工程,不是随便写点小代码就能交差的。需要定好规范。我认为,应当坚持以下原则。以文档为核心。良好的文档。这个完全是我自己在做,没有团队,我的团队都是甲方,提供需求的。我应当调研完毕,先写文档,计划怎么做。甚至可以把我写的调研,放在公开的网站上,......
  • Hadoop是什么? Hadoop是一个由Apache开发的开源分布式计算框架,它能够处理大规模数据并
    Hadoop是什么?Hadoop是一个由Apache开发的开源分布式计算框架,它能够处理大规模数据并行处理任务,支持大规模数据存储和处理。Hadoop的核心组件包括分布式文件系统HDFS和分布式计算框架MapReduce,它们使得Hadoop可以在廉价的硬件上并行地处理大量数据。Hadoop还包括很多相关的项目和子......
  • 基于vue制作搜索高亮popsearch组件
    ......
  • 2023.09.26 联考总结&题解
    T1derby你考虑直接贪心进行匹配即可,就是说对于每一个\(1\)去匹配最大的\(0\)#include<bits/stdc++.h>usingnamespacestd;intn,m;vector<int>A[2],B[2];intmain(){ freopen("derby.in","r",stdin); freopen("derby.out","w",s......
  • 2023.09.25
      今天进行了回文串的练习,上午进行了金属创意制作,充分发挥了自己的动手能力。下午进行了建民老师的课,对类和对象进行了加深学习。课上代码还未完成。。。。。。。#include<stdio.h>#include<stdlib.h>#include<string.h>#defineMAXSIZE100intpush(char*zhan,inttop......
  • 09_electron-vue-antd环境搭建
      electron-vue很好解决,安装antd给我弄自闭了,最终是发现是版本问题。  先把electron-vue环境搭建好,然后去看项目中的vue版本:    我的是vue2就使用快速上手-AntDesignVue(antdv.com)这个版本,之前一直使用的4.x版本,然后一直出错,但是我也去找了一些办......
  • Vue前端面试题
    1.Vue路由传递params参数使用对象写法的时候能不能和path一起使用?不能路由传参对象的写法:指定路由需要使用name指定。使用path会导致路由失效无法跳转。this.$router.push({name:"search",params:{keyword:this.keyword},query:{k:this.keyword.toUpperCase()}})2.如何指定params参......