Github上8个很棒的Vue项目

大家好，我是若川。持续组织了近一年的源码共读活动，感兴趣的可以 点此加我微信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 进群。分享、收藏、点赞、在看我的文章就是对我最大的支持

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.mzph.cn/news/274631.shtml

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！

相关文章

python 投资组合_成功投资组合的提示

python 投资组合_成功投资组合的提示

python 投资组合Lately, I’ve had some free time during my job transition and have been reviewing a few of my friends’ design portfolios. Gradually, I found some common themes around the feedback I’ve given. And it occurred to me that others might find so…
阅读更多...
Github上8个很棒的React项目

Github上8个很棒的React项目

大家好，我是若川。持续组织了近一年的源码共读活动，感兴趣的可以 点此加我微信ruochuan12 参与，每周大家一起学习200行左右的源码，共同进步。同时极力推荐订阅我写的《学习源码整体架构系列》 包含20余篇源码文章。历史面试系列。…
阅读更多...
屏幕广播系统_如何设计系统，而不是屏幕

屏幕广播系统_如何设计系统，而不是屏幕

屏幕广播系统重点 (Top highlight)Over the past several decades, rapid advances in technology have dramatically enhanced the digital customer experience and their expectations. In the face of these heightened customer expectations, the role of the Interactio…
阅读更多...
Umi 4 发布啦

Umi 4 发布啦

大家好，我是若川。持续组织了近一年的源码共读活动，感兴趣的可以 点此加我微信ruochuan12 参与，每周大家一起学习200行左右的源码，共同进步。同时极力推荐订阅我写的《学习源码整体架构系列》 包含20余篇源码文章。历史面试系列。…
阅读更多...
Win32汇编--加载菜单资源

Win32汇编--加载菜单资源

基本上的窗口都会有一个菜单,现在就来看看Win32汇编中是如何加载菜单的: 1>在工程中添加新的菜单资源 2>双击新添加的菜单资源进行编辑 3>菜单栏:Make->Compile RC来编译资源文件 4>导出资源中的ID号并写到数据段的.const中 5>下面是完整的源代码供参考:(工程…
阅读更多...
Futura：从纳粹主义到月球-甚至更远

Futura：从纳粹主义到月球-甚至更远

Reading the title of this article, the first thing that will come to mind for some is the funny expression of Buzz Lightyear — the Disney character — when he stretches his arms outwards and utters the famous phrase “To infinity and beyond!” before jump…
阅读更多...
如何碎片化时间高效学习前端~

如何碎片化时间高效学习前端~

前端技术日新月异，发展迅速，作为一个与时俱进的前端工程师，需要不断的学习。这里强烈推荐几个前端开发工程师必备的优质公众号，希望对你有所帮助。大家可以像我一样，利用碎片时间阅读这些公众号的文章。前端从进阶到入…
阅读更多...
爬取淘宝定价需要多久时间_如何对设计工作进行定价—停止收​​取时间并专注于价值

爬取淘宝定价需要多久时间_如何对设计工作进行定价—停止收​​取时间并专注于价值

爬取淘宝定价需要多久时间Pricing creative work is a new concept for most freelancers who are starting their business. We are used to being paid for our time, either by an hourly wage or an annual salary. It makes it simple to quantify how much value we thin…
阅读更多...
OEA 框架中集成的 RDLC 报表介绍

OEA 框架中集成的 RDLC 报表介绍

之前 OEA 一直用着一个 Delphi 开发的报表，所以两年来我一直就想在 OEA 中构建一个纯 .NET 的报表模块，但是一想到要开发复杂的报表引擎和设计器就觉得麻烦。所以这事一直拖着。最近开始研究一些成熟的报表引擎，经过对比，还是发现…
阅读更多...
昆虫繁殖_“专为昆虫而生” –好奇！

昆虫繁殖_“专为昆虫而生” –好奇！

昆虫繁殖重点 (Top highlight)The industry is changing towards a more agile approach and jacks of one trade can go extinct sooner than we think.该 行业正在发生变化 朝着更加灵活的方法和一个贸易的插Kong可以去灭绝快于我们的想法。 I’ve read a quote in a book r…
阅读更多...
ECMAScript 2022 正式发布，有哪些新特性？

ECMAScript 2022 正式发布，有哪些新特性？

大家好，我是若川。持续组织了近一年的源码共读活动，感兴趣的可以 点此加我微信ruochuan12 参与，每周大家一起学习200行左右的源码，共同进步。同时极力推荐订阅我写的《学习源码整体架构系列》 包含20余篇源码文章。历史面试系列。…
阅读更多...
字母框如何影响UI内容的理解

字母框如何影响UI内容的理解

What is your earliest memory of reading? Mine’s reading comics. I preferred films over books, I still do, but I seemed to have a fascination for comics. The experience of reading a comic, to me, was somewhere between watching a film and reading a novel, …
阅读更多...
Vue2.7 本周发布？支持组合式 API、setup、css v-bind

Vue2.7 本周发布？支持组合式 API、setup、css v-bind

大家好，我是若川。持续组织了近一年的源码共读活动，感兴趣的可以 点此加我微信ruochuan12 参与，每周大家一起学习200行左右的源码，共同进步。同时极力推荐订阅我写的《学习源码整体架构系列》 包含20余篇源码文章。历史面试系列。…
阅读更多...
马上7月，诚邀新老朋友参加近5000人的源码共读活动！

马上7月，诚邀新老朋友参加近5000人的源码共读活动！

大家好，我是若川。最近有不少新朋友关注我。诚邀各位新老读者朋友参加源码共读活动。活动介绍可以点击文末的阅读原文。https://juejin.cn/post/7079706017579139102很多人关注我的公众号是因为我写了一系列源码文章，想参与源码共读活动。虽然现在有近50…
阅读更多...
hashmap 从头到尾_如何从头到尾设计一个简单的复古徽标

hashmap 从头到尾_如何从头到尾设计一个简单的复古徽标

hashmap 从头到尾在纸上素描粗糙的概念 (Sketch rough concepts on paper) Start by sketching out a few ideas for your logo on paper. These don’t have to be detailed drawings. Instead, it’s about getting your ideas out quickly. In this early stage, you can ex…
阅读更多...
Vue 2.7 正式发布，代号为 Naruto

Vue 2.7 正式发布，代号为 Naruto

大家好，我是若川。持续组织了近一年的源码共读活动，感兴趣的可以 点此加我微信ruochuan12 参与，每周大家一起学习200行左右的源码，共同进步。同时极力推荐订阅我写的《学习源码整体架构系列》 包含20余篇源码文章。历史面试系列。…
阅读更多...
js设置css色相旋转_色相旋转颜色方案是否保留了对色盲友好的能力？

js设置css色相旋转_色相旋转颜色方案是否保留了对色盲友好的能力？

js设置css色相旋转Hue rotation is often an easy way to change the appearance of a plot or figure without the need to create a new colour bar. However, when dealing with colourblindness, it is important to ensure that the spacing between colours is sufficien…
阅读更多...
ux设计中的各种地图_在UX设计中使用阿拉伯语

ux设计中的各种地图_在UX设计中使用阿拉伯语

ux设计中的各种地图Last year I got to work on an app that was ultimately going to be deployed globally in every market and every language including RTL (Right-to-Left) languages — with a specific focus on Arabic.去年，我开始致力于开发一个应用程序…
阅读更多...
如何为前端项目一键自动添加eslint和prettier的支持

如何为前端项目一键自动添加eslint和prettier的支持

本文来自读者那个曾经的少年回来了 写的源码共读35期笔记文章，授权投稿，写的真好。本文参加了由公众号若川视野 发起的每周源码共读活动，点此加我微信 ruochuan12 了解详情一起参与。本文属于源码共读第35期 | 为 vite 项目自动添加 eslint 和…
阅读更多...
极端原理_为极端而设计

极端原理_为极端而设计

极端原理*You can also read this article in German here.*您也可以 在此处 阅读 德语文章 。 In this article I’m going to draw on the Design thinking concept of designing for extreme users and I will argue that designing for extreme users can be considered a…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023