基于 Vue3 + Typescript + Vite2 打造网易云音乐播放器

Vue3 全家桶，Composition API

Vite2 问就是闪电⚡

第三方网易云音乐播放器 📻

💻 在线体验 PingMusic 登录体验更多精彩

⌨ Github传送门 各位大佬点个star星星✨

🎧 UI灵感来源QQ音乐、Apple Music

⚙️ 项目技术栈

📯 Vue v3.x

🎺 Vite v2.x

🎸 Vue Router v4.x

🥁 Vuex v4.x

🎹 Typescript

🎨 功能

🎆 支持登录网易云账号，收听私人歌单，收藏喜欢音乐

🎇 精选推荐

✨ 独家放送

🎉 分类歌单

🎊 排行榜单

🎄 歌手浏览

🎋 新歌速递

🎍 视频MV播放

🎏 歌单详情

🎐 歌手详情

🎑 播放界面

🔧 部分功能有待完善

🔨 更多功能正在开发中

源码在这

(https://github.com/YongHengFu/ping-music-next) 各位大佬点个star星星✨

🌈 界面截图

image

image

image

image

image

image

image

image

image

image

image

image

image

最后

虽然目前完成度还行，但是还有许多功能需要完善，不过学习Vue3和Vite的目标已经达成了，Vite用起来是真的爽，Vue3 的 Composition API刚开始写的时候很不习惯，后来...真香！！！

一开始搭建框架的时候是采用了Ant Design，但是后来写着发现用了Ant Design还是大部分都是自定义样式，所以就完全手写样式了（Layout目前还用的是Ant Design，有空把它也去掉）

整个项目花时间最多的应该是歌词滚动那一块，现在回过头，发现还是有挺大的优化空间的，后续再把这块给重构一下。

源码在这：

(https://github.com/YongHengFu/ping-music-next) 各位大佬点个star星星✨