랭킹으로 돌아가기
🎵 基于 Vue2、Vue-CLI3 的高仿网易云 mac 客户端播放器（PC） Online Music Player
vuejsjavascriptnetease-cloud-musicvuexvue-cli3vue-musicvue-music-playerplayermusic-playerweb-music-playernetease-musicbetter-scroll
주요 지표
스타 성장
스타
2.2k
포크
458
주간 성장
—
이슈
14
1k2k
2023년 1월2023년 8월2024년 3월2024년 10월2025년 5월2025년 12월2026년 7월
README
🎵 基于 Vue2、Vue-CLI3 的高仿网易云 mac 客户端播放器（PC） Online Music Player
音乐播放器虽然烂大街了，但是作为前端没自己撸一个一直是个遗憾。
偶然间发现 PC 端 Web 版的网易云音乐做的实在是太简陋了，社区仿 PC 客户端的网易云也不多见。
为了弥补这个遗憾，就用 Vue 全家桶模仿 mac 客户端的 UI 实现了一个，欢迎提出意见和 star🌟~
💐预览地址
💐源码地址
进度
- mv 页（3.0 新增）
- cd 页 (2.0 新增)
- 搜索建议
- 搜索详情
- 播放（版权歌曲无法播放)
- 发现页
- 播放列表
- 播放记录
- 全部歌单
- 歌单详情
- 最新音乐
- 主题换肤功能
- 登录(网易云 uid 登录)
后端接口
https://binaryify.github.io/NeteaseCloudMusicApi
技术栈
- Vue 全家桶 通过 Vue-CLI3 初始化生成。
- ElementUI 魔改样式。
- better-scroll 歌词滚动部分用了黄轶老大的 （贼爽）
- CSS Variables 主题换肤。
- ESNext （JavaScript 语言的下一代标准）
- Sass（CSS 预处理器）
- postcss-pxtorem（自动处理 rem，妈妈再也不用担心屏幕太大太小了）
- workbox-webpack-plugin 谷歌开发的利用 Service Worker 实现页面预缓存的插件。
Screenshots
安装与使用
npm i
npm run dev
友情链接
관련 저장소