[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-8801":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":10,"language":11,"languages":10,"totalLinesOfCode":10,"stars":12,"forks":13,"watchers":14,"openIssues":15,"contributorsCount":16,"subscribersCount":16,"size":16,"stars1d":16,"stars7d":17,"stars30d":18,"stars90d":16,"forks30d":16,"starsTrendScore":17,"compositeScore":19,"rankGlobal":10,"rankLanguage":10,"license":20,"archived":21,"fork":21,"defaultBranch":22,"hasWiki":23,"hasPages":23,"topics":24,"createdAt":10,"pushedAt":10,"updatedAt":38,"readmeContent":39,"aiSummary":40,"trendingCount":16,"starSnapshotCount":16,"syncStatus":18,"lastSyncTime":41,"discoverSource":42},8801,"vue-netease-music","sl1673495\u002Fvue-netease-music","sl1673495","🎵 基于 Vue2、Vue-CLI3 的高仿网易云 mac 客户端播放器（PC） Online Music Player","https:\u002F\u002Fssh-music.vercel.app\u002F",null,"Vue",2180,460,17,14,0,1,2,29.99,"GNU Affero General Public License v3.0",false,"master",true,[25,26,27,28,29,30,31,32,33,34,35,36,37],"better-scroll","javascript","music-player","netease-cloud-music","netease-music","player","sass","vue-cli3","vue-music","vue-music-player","vuejs","vuex","web-music-player","2026-06-12 02:01:58","# 🎵 基于 Vue2、Vue-CLI3 的高仿网易云 mac 客户端播放器（PC） Online Music Player\n\n音乐播放器虽然烂大街了，但是作为前端没自己撸一个一直是个遗憾。\n\n偶然间发现 PC 端 Web 版的网易云音乐做的实在是太简陋了，社区仿 PC 客户端的网易云也不多见。\n\n为了弥补这个遗憾，就用 Vue 全家桶模仿 mac 客户端的 UI 实现了一个，欢迎提出意见和 star🌟~\n\n💐[预览地址](https:\u002F\u002Fssh-music.vercel.app)\n\n💐[源码地址](https:\u002F\u002Fgithub.com\u002Fsl1673495\u002Fvue-netease-music)\n\n### 进度\n\n- [x] mv 页（3.0 新增）\n- [x] cd 页 (2.0 新增)\n- [x] 搜索建议\n- [x] 搜索详情\n- [x] 播放（版权歌曲无法播放)\n- [x] 发现页\n- [x] 播放列表\n- [x] 播放记录\n- [x] 全部歌单\n- [x] 歌单详情\n- [x] 最新音乐\n- [x] 主题换肤功能\n- [x] 登录(网易云 uid 登录)\n\n### 后端接口\n\nhttps:\u002F\u002Fbinaryify.github.io\u002FNeteaseCloudMusicApi\n\n### 技术栈\n\n- **_Vue_** 全家桶 通过 Vue-CLI3 初始化生成。\n- **_ElementUI_** 魔改样式。\n- **_better-scroll_** 歌词滚动部分用了黄轶老大的 （贼爽）\n- **_CSS Variables_** 主题换肤。\n- **_ESNext_** （JavaScript 语言的下一代标准）\n- **_Sass_**（CSS 预处理器）\n- **_postcss-pxtorem_**（自动处理 rem，妈妈再也不用担心屏幕太大太小了）\n- **_workbox-webpack-plugin_** 谷歌开发的利用 Service Worker 实现页面预缓存的插件。\n\n### Screenshots\n\n![首页](https:\u002F\u002Fuser-images.githubusercontent.com\u002F23615778\u002F62509203-da358580-b83c-11e9-97b3-367fb06a8347.png)\n\n![歌单列表](https:\u002F\u002Fuser-images.githubusercontent.com\u002F23615778\u002F62509204-dace1c00-b83c-11e9-8d3f-0bcb93e3aab7.png)\n\n![歌单详情](https:\u002F\u002Fuser-images.githubusercontent.com\u002F23615778\u002F62509201-d99cef00-b83c-11e9-8e4b-b122b8b94468.png)\n\n![音乐播放](https:\u002F\u002Fuser-images.githubusercontent.com\u002F23615778\u002F62509202-da358580-b83c-11e9-98e1-530e5741ff56.png)\n\n### 安装与使用\n\n```\nnpm i\nnpm run dev\n```\n\n### 友情链接\n\n[mmPlayer](https:\u002F\u002Fgithub.com\u002Fmaomao1996\u002FVue-mmPlayer)\n","这是一个基于 Vue2 和 Vue-CLI3 开发的高仿网易云音乐 Mac 客户端播放器，适用于 PC 端在线音乐播放。项目使用了 Vue 全家桶、ElementUI 以及 better-scroll 等技术，实现了包括 MV 页面、CD 页面、搜索建议与详情、播放列表、播放记录、歌单管理等功能，并支持主题换肤和网易云 UID 登录。此外，通过 postcss-pxtorem 自动处理屏幕适配问题，利用 workbox-webpack-plugin 实现页面预缓存以提升用户体验。该项目适合前端开发者学习 Vue 框架及现代 Web 应用开发实践，同时也为寻求高质量桌面音乐播放体验的用户提供了一个优秀的选择。","2026-06-11 03:19:49","top_language"]