{"id":21325771,"url":"https://github.com/wp993080086/music-website","last_synced_at":"2025-07-12T06:32:40.478Z","repository":{"id":41412567,"uuid":"304835131","full_name":"wp993080086/music-website","owner":"wp993080086","description":"A PC side of the music website practice project, using the open source NetEase cloud API","archived":false,"fork":false,"pushed_at":"2023-09-07T10:55:15.000Z","size":1571,"stargazers_count":7,"open_issues_count":0,"forks_count":6,"subscribers_count":1,"default_branch":"main","last_synced_at":"2023-09-07T10:57:34.743Z","etag":null,"topics":["axios","dplayer","element-ui","music","qrcodejs2","vue","vue-router","vuex"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","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/wp993080086.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":"2020-10-17T08:45:47.000Z","updated_at":"2023-09-07T09:46:43.000Z","dependencies_parsed_at":"2022-09-21T08:14:03.225Z","dependency_job_id":null,"html_url":"https://github.com/wp993080086/music-website","commit_stats":null,"previous_names":[],"tags_count":0,"template":null,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wp993080086%2Fmusic-website","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wp993080086%2Fmusic-website/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wp993080086%2Fmusic-website/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wp993080086%2Fmusic-website/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/wp993080086","download_url":"https://codeload.github.com/wp993080086/music-website/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":225802695,"owners_count":17526452,"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":["axios","dplayer","element-ui","music","qrcodejs2","vue","vue-router","vuex"],"created_at":"2024-11-21T21:07:20.741Z","updated_at":"2024-11-21T21:07:21.577Z","avatar_url":"https://github.com/wp993080086.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cdiv align=center\u003e\n\n![element-ui](https://img.shields.io/badge/element--ui-2.15.3-%23009ad6)\n![vue-router](https://img.shields.io/badge/vue--router-3.4.7-brightgreen)\n![eslint](https://img.shields.io/badge/eslint-6.7.2-yellow)\n\n\u003c/div\u003e\n\n\u003cdiv align=center\u003e\n\n![vue](https://img.shields.io/badge/vue-2.6.11-%23007d65)\n![axios](https://img.shields.io/badge/axios-0.20.0-blue)\n![vuex](https://img.shields.io/badge/vuex-3.5.1-red)\n![qrcodejs2](https://img.shields.io/badge/qrcodejs2-0.0.2-green)\n![dplayer](https://img.shields.io/badge/dplayer-1.26.0-lightgrey)\n![less](https://img.shields.io/badge/less-3.0.4-orange)\n\n\u003c/div\u003e\n\n\n# 👂 前言\n\n这是一个清爽流畅的PC端音乐网站练手项目，服务端使用了开源的网易云音乐API ~\n\n\u003e 感谢 [binaryify](https://github.com/Binaryify) 大佬的 `NeteaseCloudMusicApi` 接口支持 😜\n\n- [接口文档地址](https://binaryify.github.io/NeteaseCloudMusicApi)\n\n# 📔 已有功能\n\n- 网易云APP扫码登录 \u0026 网易云账号登录\n- 注册\n- 骨架屏\n- 音乐播放器\n- 歌单 \u0026 详情\n- 歌手 \u0026 详情\n- MV \u0026 详情mv播放\n- 排行榜\n- 搜索\n- 评论\n- 歌词\n\n## 🚀 运行项目\n\n- clone该项目：[music-website](https://github.com/wp993080086/music-website.git)\n- 安装：npm install\n- 运行：npm run serve\n- 测试环境打包：npm run test\n- 正式环境打包：npm run build\n- 同时打包正式环境 \u0026 测试环境：npm run all\n- 修复：npm run lint\n\n# ⚡️ 本地开发准备\n\n- 本地开发请先下载 [NeteaseCloudMusicApi](https://github.com/Binaryify/NeteaseCloudMusicApi.git) 项目\n\n- 下载完成后，进入`NeteaseCloudMusicApi`文件夹，打开`cmd`终端，`npm install`安装依赖，使用`node app.js`命令启动\n\n- 将`music-website`项目根目录下`.env.development`文件里`VUE_APP_BASE_URL`字段修改为`NeteaseCloudMusicApi`项目启动后的地址，并重启`music-website`项目\n\n# 📦️ 目录结构\n\n```\n│  .env.development\n│  .env.production\n│  .env.test =\u003e .env环境文件\n│  .eslintignore =\u003e eslint忽略配置\n│  .eslintrc.js =\u003e eslint配置\n│  .gitignore =\u003e git忽略配置\n│  babel.config.js\n│  package-lock.json\n│  package.json\n│  README.md =\u003e 说明文件\n│  vue.config.js =\u003e 脚手架配置\n├─node_modules =\u003e 依赖\n├─public\n└─src\n    │  App.vue =\u003e 根容器\n    │  main.js =\u003e 根文件\n    │  \n    ├─assets\n    │  ├─css =\u003e 公共样式\n    │  │      base.css =\u003e 基础样式\n    │  │      globalColor.less =\u003e 全局颜色\n    │  │      init.css =\u003e 初始化\n    │  ├─icon =\u003e 字体图标\n    │  │      \n    │  └─image =\u003e 图片\n    │      │  \n    │      └─info \n    │              \n    ├─components =\u003e 公共组件\n    │          \n    ├─mixins\n    │      path.js =\u003e 常用方法\n    │      \n    ├─plugins\n    │      elementUI.js =\u003e 局部引入elementUi\n    │      snowflake.js =\u003e 雪花插件\n    │      \n    ├─request\n    │  │  request.js =\u003e axios封装\n    │  └─api =\u003e 接口定义\n    ├─store =\u003e vuex\n    ├─utils =\u003e 工具类\n    └─views =\u003e 页面\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwp993080086%2Fmusic-website","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fwp993080086%2Fmusic-website","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwp993080086%2Fmusic-website/lists"}