大家好，我是若川。持续组织了近一年的源码共读活动，感兴趣的可以 点此加我微信ruochuan12 参与，每周大家一起学习200行左右的源码，共同进步。同时极力推荐订阅我写的《学习源码整体架构系列》 包含20余篇源码文章。历史面试系列。另外：目前建有江西|湖南|湖北籍前端群，可加我微信进群。

最近很多小伙伴问有哪些值得学习的前端项目，今天来分享 Github 上 8 个很棒的 Vue 项目！

概览：

  1. Marktext： 笔记应用

  2. YesPlayMusic： 第三方网易云播放器

  3. PicGo： 图片上传应用

  4. PPTist： 在线PPT应用

  5. vue2-elm： 仿饿了么

  6. vue-element-admin： 后台管理系统

  7. Cider： Apple Music 播放器

  8. newbee-mall-vue3-app： 商城及后台管理系统

1. Marktext

Marktext 是一个简单而优雅的开源 Markdown 编辑器，专注于速度和可用性，适用于 Linux、macOS 和 Windows。其支持实时预览、Markdown 扩展、输出HTML和PDF文件，主题切换、多种编辑模式、直接从剪贴板粘贴图像等功能。

c6420520b3a7ae65d1e667d443566fe8.png

Github：https://github.com/marktext/marktext

2. YesPlayMusic

YesPlayMusic 是一个高颜值的第三方网易云播放器，使用 Vue.js 全家桶开发。可以使用网易云账号登录（扫码/手机/邮箱登录），支持 MV 播放、歌词显示、每日推荐歌曲、每日自动签到、Light/Dark Mode 自动切换、Touch Bar、音乐云盘、定义快捷键和全局快捷键等功能。

eec835e4cba8b7a5208cfb99d28c1e5b.png

Github：https://github.com/qier222/YesPlayMusic

3. PicGo

PicGo是一个用于快速上传图片并获取图片 URL 链接的工具，支持多种图床、拖拽图片上传、图片预览、上传图片后自动复制链接到剪切板、自定义复制到表格的链接格式、支持快捷键、支持通过发送HTTP请求调用PicGo上传等功能。

cbd2f11ae7c47e56f78de4cc1e649bc5.png

Github：https://github.com/Molunerfinn/PicGo

4. PPTist

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

b6b2cfe5a9552159fd29b8ead6c341c5.png

Github：https://github.com/pipipi-pikachu/PPTist

5. vue2-elm

vue2-elm 是一个基于 vue2 + vuex 构建一个具有 45 个页面的仿饿了么的大型单页面应用，涉及注册、登录、商品展示、购物车、下单等，是一个完整的流程。

40cdc7168d685f25f3ddcaf7c8d70965.png

Github：https://github.com/bailicangdu/vue2-elm

6. vue-element-admin

vue-element-admin 是一个后台前端解决方案，它基于 vue 和 element-ui实现。它使用了最新的前端技术栈，内置了 i18n 国际化解决方案，动态路由，权限验证，提炼了典型的业务模型，提供了丰富的功能组件。

2d18164a72e012460a51dfb91c19db43.png

Github：https://github.com/PanJiaChen/vue-element-admin

7. Cider

Cider 是一个基于 Electron 和 Vue.js 的全新跨平台 Apple Music 体验，从头开始编写，同时兼顾性能和视觉效果。

2a0f1645f3d2bf7e1b511e07f9a780e0.png

Github：https://github.com/ciderapp/Cider

8. newbee-mall-vue3-app

newbee-mall 项目是集电商，包括newbee-mall商城系统及newbee-mall-admin后台管理系统，基于Spring Boot 2.X和商城 Vue 3 以及相关技术栈开发。前台系统包含首页门户、商品分类新品上线、首页轮播、商品推荐、商品搜索、商品、购物车、订单结算、订单展示流程、订单管理、会员中心、帮助中心等模块。后台管理系统包含数据面板、播图管理、商品管理、订单管理、会员管理、分类管理、设置等模块。

362479759a085414a174f3bc95f40dab.png

Github：https://github.com/newbee-ltd/newbee-mall-vue3-app

e4d0510d0ba728c2520c01322b232a4e.gif

················· 若川简介 ·················

你好，我是若川，毕业于江西高校。现在是一名前端开发“工程师”。写有《学习源码整体架构系列》20余篇，在知乎、掘金收获超百万阅读。
从2014年起，每年都会写一篇年度总结，已经坚持写了8年，点击查看年度总结。
同时，最近组织了源码共读活动，帮助4000+前端人学会看源码。公众号愿景：帮助5年内前端人走向前列。

fa7af04216b3dec193b3299c5a03cda7.png

扫码加我微信 ruochuan12、拉你进源码共读群

今日话题

目前建有江西|湖南|湖北 籍 前端群，想进群的可以加我微信 ruochuan12 进群。分享、收藏、点赞、在看我的文章就是对我最大的支持

# java # html # python # 小程序
Logo
Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^

avatar Vue
cover

echarts堆叠柱状图

avatar Vue

Error in v-on handler: "TypeError: Cannot read properties of undefined (reading 'current')"

这是一个 Vue.js 错误，报错信息提示在 v-on 处理程序中出现了错误：“TypeError: Cannot read properties of undefined(读取 'current')”。这意味示在您的代码中，试图读取一个未定义的变量 'current'。您需要检查您的代码，确保 'current' 已正确定义并初始化。...

avatar Vue