{"id":13484171,"url":"https://github.com/sl1673495/vue-netease-music","last_synced_at":"2025-04-14T13:45:29.790Z","repository":{"id":35756640,"uuid":"197750680","full_name":"sl1673495/vue-netease-music","owner":"sl1673495","description":"🎵 基于 Vue2、Vue-CLI3 的高仿网易云 mac 客户端播放器（PC） Online Music Player","archived":false,"fork":false,"pushed_at":"2024-03-02T16:10:08.000Z","size":2294,"stargazers_count":2191,"open_issues_count":22,"forks_count":469,"subscribers_count":19,"default_branch":"master","last_synced_at":"2025-04-07T03:15:37.223Z","etag":null,"topics":["better-scroll","javascript","music-player","netease-cloud-music","netease-music","player","sass","vue-cli3","vue-music","vue-music-player","vuejs","vuex","web-music-player"],"latest_commit_sha":null,"homepage":"https://ssh-music.vercel.app/","language":"Vue","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"agpl-3.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/sl1673495.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2019-07-19T10:07:33.000Z","updated_at":"2025-04-04T11:33:46.000Z","dependencies_parsed_at":"2024-01-18T21:49:43.294Z","dependency_job_id":"ede3b533-ec63-454a-9c0c-f566c530b325","html_url":"https://github.com/sl1673495/vue-netease-music","commit_stats":null,"previous_names":[],"tags_count":80,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sl1673495%2Fvue-netease-music","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sl1673495%2Fvue-netease-music/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sl1673495%2Fvue-netease-music/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sl1673495%2Fvue-netease-music/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/sl1673495","download_url":"https://codeload.github.com/sl1673495/vue-netease-music/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248890483,"owners_count":21178438,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["better-scroll","javascript","music-player","netease-cloud-music","netease-music","player","sass","vue-cli3","vue-music","vue-music-player","vuejs","vuex","web-music-player"],"created_at":"2024-07-31T17:01:20.199Z","updated_at":"2025-04-14T13:45:29.764Z","avatar_url":"https://github.com/sl1673495.png","language":"Vue","funding_links":[],"categories":["说明","Vue","Vue（102）"],"sub_categories":[],"readme":"# 🎵 基于 Vue2、Vue-CLI3 的高仿网易云 mac 客户端播放器（PC） Online Music Player\n\n音乐播放器虽然烂大街了，但是作为前端没自己撸一个一直是个遗憾。\n\n偶然间发现 PC 端 Web 版的网易云音乐做的实在是太简陋了，社区仿 PC 客户端的网易云也不多见。\n\n为了弥补这个遗憾，就用 Vue 全家桶模仿 mac 客户端的 UI 实现了一个，欢迎提出意见和 star🌟~\n\n💐[预览地址](https://ssh-music.vercel.app)\n\n💐[源码地址](https://github.com/sl1673495/vue-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://binaryify.github.io/NeteaseCloudMusicApi\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://user-images.githubusercontent.com/23615778/62509203-da358580-b83c-11e9-97b3-367fb06a8347.png)\n\n![歌单列表](https://user-images.githubusercontent.com/23615778/62509204-dace1c00-b83c-11e9-8d3f-0bcb93e3aab7.png)\n\n![歌单详情](https://user-images.githubusercontent.com/23615778/62509201-d99cef00-b83c-11e9-8e4b-b122b8b94468.png)\n\n![音乐播放](https://user-images.githubusercontent.com/23615778/62509202-da358580-b83c-11e9-98e1-530e5741ff56.png)\n\n### 安装与使用\n\n```\nnpm i\nnpm run dev\n```\n\n### 友情链接\n\n[mmPlayer](https://github.com/maomao1996/Vue-mmPlayer)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsl1673495%2Fvue-netease-music","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsl1673495%2Fvue-netease-music","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsl1673495%2Fvue-netease-music/lists"}