大家好，我是若川。持續(xù)組織了近一年的源碼共讀活動，感興趣的可以?點(diǎn)此加我微信ruochuan12?參與，每周大家一起學(xué)習(xí)200行左右的源碼，共同進(jìn)步。同時極力推薦訂閱我寫的《學(xué)習(xí)源碼整體架構(gòu)系列》?包含20余篇源碼文章。歷史面試系列。另外：目前建有江西|湖南|湖北籍前端群，可加我微信進(jìn)群。

---

最近很多小伙伴問有哪些值得學(xué)習(xí)的前端項(xiàng)目，今天來分享 Github 上 8 個很棒的 Vue 項(xiàng)目！

概覽：

Marktext： 筆記應(yīng)用

YesPlayMusic： 第三方網(wǎng)易云播放器

PicGo： 圖片上傳應(yīng)用

PPTist： 在線PPT應(yīng)用

vue2-elm： 仿餓了么

vue-element-admin： 后臺管理系統(tǒng)

Cider： Apple Music 播放器

newbee-mall-vue3-app： 商城及后臺管理系統(tǒng)

1. Marktext

Marktext 是一個簡單而優(yōu)雅的開源 Markdown 編輯器，專注于速度和可用性，適用于 Linux、macOS 和 Windows。其支持實(shí)時預(yù)覽、Markdown 擴(kuò)展、輸出HTML和PDF文件，主題切換、多種編輯模式、直接從剪貼板粘貼圖像等功能。

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

2. YesPlayMusic

YesPlayMusic 是一個高顏值的第三方網(wǎng)易云播放器，使用 Vue.js 全家桶開發(fā)。可以使用網(wǎng)易云賬號登錄（掃碼/手機(jī)/郵箱登錄），支持 MV 播放、歌詞顯示、每日推薦歌曲、每日自動簽到、Light/Dark Mode 自動切換、Touch Bar、音樂云盤、定義快捷鍵和全局快捷鍵等功能。

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

3. PicGo

PicGo是一個用于快速上傳圖片并獲取圖片 URL 鏈接的工具，支持多種圖床、拖拽圖片上傳、圖片預(yù)覽、上傳圖片后自動復(fù)制鏈接到剪切板、自定義復(fù)制到表格的鏈接格式、支持快捷鍵、支持通過發(fā)送HTTP請求調(diào)用PicGo上傳等功能。

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

4. PPTist

PPTist ?是一個基于 Vue3.x + TypeScript 的在線演示文稿（幻燈片）應(yīng)用，還原了大部分 Office PowerPoint 常用功能，支持 文字、圖片、形狀、線條、圖表、表格、視頻、音頻、公式 幾種最常用的元素類型，每一種元素都擁有高度可編輯能力，同時支持豐富的快捷鍵和右鍵菜單，支持導(dǎo)出本地 PPTX 文件，支持移動端基礎(chǔ)編輯和預(yù)覽，支持 PWA。

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

5. vue2-elm

vue2-elm 是一個基于 vue2 + vuex 構(gòu)建一個具有 45 個頁面的仿餓了么的大型單頁面應(yīng)用，涉及注冊、登錄、商品展示、購物車、下單等，是一個完整的流程。

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

6. vue-element-admin

vue-element-admin 是一個后臺前端解決方案，它基于 vue 和 element-ui實(shí)現(xiàn)。它使用了最新的前端技術(shù)棧，內(nèi)置了 i18n 國際化解決方案，動態(tài)路由，權(quán)限驗(yàn)證，提煉了典型的業(yè)務(wù)模型，提供了豐富的功能組件。

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

7. Cider

Cider 是一個基于 Electron 和 Vue.js 的全新跨平臺 Apple Music 體驗(yàn)，從頭開始編寫，同時兼顧性能和視覺效果。

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

8. newbee-mall-vue3-app

newbee-mall 項(xiàng)目是集電商，包括newbee-mall商城系統(tǒng)及newbee-mall-admin后臺管理系統(tǒng)，基于Spring Boot 2.X和商城 Vue 3 以及相關(guān)技術(shù)棧開發(fā)。前臺系統(tǒng)包含首頁門戶、商品分類新品上線、首頁輪播、商品推薦、商品搜索、商品、購物車、訂單結(jié)算、訂單展示流程、訂單管理、會員中心、幫助中心等模塊。后臺管理系統(tǒng)包含數(shù)據(jù)面板、播圖管理、商品管理、訂單管理、會員管理、分類管理、設(shè)置等模塊。

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

·················?若川簡介?·················

你好，我是若川，畢業(yè)于江西高校。現(xiàn)在是一名前端開發(fā)“工程師”。寫有《學(xué)習(xí)源碼整體架構(gòu)系列》20余篇，在知乎、掘金收獲超百萬閱讀。
從2014年起，每年都會寫一篇年度總結(jié)，已經(jīng)堅(jiān)持寫了8年，點(diǎn)擊查看年度總結(jié)。
同時，最近組織了源碼共讀活動，幫助4000+前端人學(xué)會看源碼。公眾號愿景：幫助5年內(nèi)前端人走向前列。

掃碼加我微信 ruochuan12、拉你進(jìn)源碼共讀群

今日話題

目前建有江西|湖南|湖北?籍 前端群，想進(jìn)群的可以加我微信 ruochuan12?進(jìn)群。分享、收藏、點(diǎn)贊、在看我的文章就是對我最大的支持

總結(jié)

以上是生活随笔為你收集整理的Github上8个很棒的Vue项目的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。