基于 Vue3 + Typescript + Vite2 打造網(wǎng)易云音樂播放器

Vue3 全家桶，Composition API

Vite2 問就是閃電?

第三方網(wǎng)易云音樂播放器 ??

?? 在線體驗 PingMusic 登錄體驗更多精彩

? Github傳送門 各位大佬點個star星星?

?? UI靈感來源QQ音樂、Apple Music

?? 項目技術(shù)棧

?? Vue v3.x

?? Vite v2.x

?? Vue Router v4.x

?? Vuex v4.x

?? Typescript

?? 功能

?? 支持登錄網(wǎng)易云賬號，收聽私人歌單，收藏喜歡音樂

?? 精選推薦

? 獨家放送

?? 分類歌單

?? 排行榜單

?? 歌手瀏覽

?? 新歌速遞

?? 視頻MV播放

?? 歌單詳情

?? 歌手詳情

?? 播放界面

?? 部分功能有待完善

?? 更多功能正在開發(fā)中

源碼在這

(https://github.com/YongHengFu/ping-music-next) 各位大佬點個star星星?

?? 界面截圖

image

image

image

image

image

image

image

image

image

image

image

image

image

最后

雖然目前完成度還行，但是還有許多功能需要完善，不過學(xué)習(xí)Vue3和Vite的目標已經(jīng)達成了，Vite用起來是真的爽，Vue3 的 Composition API剛開始寫的時候很不習(xí)慣，后來...真香！??！

一開始搭建框架的時候是采用了Ant Design，但是后來寫著發(fā)現(xiàn)用了Ant Design還是大部分都是自定義樣式，所以就完全手寫樣式了（Layout目前還用的是Ant Design，有空把它也去掉）

整個項目花時間最多的應(yīng)該是歌詞滾動那一塊，現(xiàn)在回過頭，發(fā)現(xiàn)還是有挺大的優(yōu)化空間的，后續(xù)再把這塊給重構(gòu)一下。

源碼在這：

(https://github.com/YongHengFu/ping-music-next) 各位大佬點個star星星?