{"id":21181979,"url":"https://github.com/daief/vue-music","last_synced_at":"2025-10-06T01:06:44.667Z","repository":{"id":26381169,"uuid":"98617714","full_name":"daief/vue-music","owner":"daief","description":"网易云音乐pc网页版的仿造","archived":false,"fork":false,"pushed_at":"2022-12-07T00:41:46.000Z","size":15898,"stargazers_count":10,"open_issues_count":24,"forks_count":2,"subscribers_count":0,"default_branch":"master","last_synced_at":"2025-07-11T20:41:50.956Z","etag":null,"topics":["vue","vue-music","vue-router","vuex"],"latest_commit_sha":null,"homepage":"https://daief.tech/vue-music/","language":"Vue","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/daief.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2017-07-28T06:43:46.000Z","updated_at":"2024-11-30T03:33:23.000Z","dependencies_parsed_at":"2022-08-29T03:21:14.116Z","dependency_job_id":null,"html_url":"https://github.com/daief/vue-music","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/daief/vue-music","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/daief%2Fvue-music","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/daief%2Fvue-music/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/daief%2Fvue-music/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/daief%2Fvue-music/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/daief","download_url":"https://codeload.github.com/daief/vue-music/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/daief%2Fvue-music/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":278542934,"owners_count":26004098,"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","status":"online","status_checked_at":"2025-10-05T02:00:06.059Z","response_time":54,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"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":["vue","vue-music","vue-router","vuex"],"created_at":"2024-11-20T17:53:35.964Z","updated_at":"2025-10-06T01:06:44.641Z","avatar_url":"https://github.com/daief.png","language":"Vue","funding_links":[],"categories":[],"sub_categories":[],"readme":"# vue-music\n\n演示地址：\u003chttps://daief.tech/vue-music/\u003e\n\nAPI 服务太久没访问时服务器会被冻结，等待启动需要一点时间，此时会有假数据（部分）作为占位。\n\n## 介绍\n\n使用 vue、vue-router、vuex，山寨一个网易云音乐的 pc 网页版，仅用于个人学习，借此认识前端模块化编程、单页应用、webpack 资源打包等概念。\n后来学习了 TypeScript，加上想复习 Vue，计划使用 Vue 2、Vue CLI 3+、TypeScript 将项目进行重新编写。\n\n目录介绍：\n\n- `NeteaseCloudMusicApi/` 是 api 服务，提供网易云音乐接口\n- `preview/` 预览截图\n- `scripts/` 自定义脚本\n- 其他目录为 Vue CLI 3+ 生成的结构\n\n## API 来源\n\n[NeteaseCloudMusicApi](https://github.com/Binaryify/NeteaseCloudMusicApi)\n\n## 学习记录\n\nhttps://daief.github.io/2017-09-04/record-of-vue-music.html\n\n## 本地启动\n\n下载 API 项目。\n\n```bash\n# 脚本中的版本号对应仓库的 tag，可自行修改\n$ yarn clone:api\n```\n\n```bash\n# 安装依赖\n$ yarn\n\n# 本地启动 API 服务\n$ yarn start\n\n# 本地启动 Vue 开发服务\n$ yarn serve\n```\n\n或使用 Docker 启动 API 服务。\n\n```bash\n# 构建镜像\n$ docker image build -t NeteaseCloudMusicApi .\n# 启动容器\n$ docker container run -d -p 3000:3000 --rm NeteaseCloudMusicApi\n```\n\nAPI 地址访问 \u003chttp://localhost:3000/\u003e\n\n页面地址访问 \u003chttp://localhost:8080/\u003e。\n\n部署 API 服务到 [now](https://zeit.co/)。\n\n```bash\n$ yarn now\n```\n\n## TypeScript 重写\n\n于 2018-11-02 开始用 TypeScript 重写工程，龟速推进中......\n\n- [x] 底部歌曲播放条\n  - [x] 暂停、播放、上下首切换\n  - [x] 自定义歌曲进度条、进度调节\n  - [x] 音量调节\n  - [x] 切换播放模式\n  - [x] 歌词滚动\n  - [x] 列表歌曲切换、删除\n  - [x] 加了个简单的音乐波形跳动\n\n\u003c!-- 界面 --\u003e\n\n![](./preview/view.png)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdaief%2Fvue-music","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdaief%2Fvue-music","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdaief%2Fvue-music/lists"}