Front-black / NeteaseCloudMusic-vue

这是一个基于vue全家桶制作的网易云音乐,利用node版的网易云音乐的接口获取数据,实现音乐播放模块,搜索模块,各种排行榜模块,歌单模块,mv模块,评论模块,以及用户模块。

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

项目介绍

这是一个高仿的网易云音乐的项目

技术栈

vue2 + vuex + vue-router + axios + ES6/7 + sass + flex + icomoon

预览地址

网易云音乐vue版(域名没有备案,没办法使用,预览请在本地跑这个项目)

关于后台数据

数据是真实的网易云音乐的数据,利用Binaryify提供的node.js版接口!感谢Binaryify的付出!

项目本地运行

安装后台服务器

git clone https://github.com/zhixuanziben/MusicApi.git  

cd MusicApi

npm install

node app.js (运行服务器,注意:这个服务器默认采用CORS跨域,可接受域为http://localhost:8080,如果修改vue项目的端口,后台app.js文件内也需要修改)

安装vue项目

git clone https://github.com/zhixuanziben/NeteaseCloudMusic-vue.git  

cd NeteaseCloudMusic-vue

npm install

npm run dev (在浏览器访问本项目,端口默认8080)

说明

如果对您有帮助,您可以点右上角 "Star" 支持一下 谢谢! ^_^

或者您可以 "follow" 一下,我会不断开源更多的有趣的项目

如有问题请直接在 Issues 中提,或者您发现问题并有非常好的解决方案,欢迎 PR ,也欢迎小伙伴一起完善这个项目👍

推荐一个我之前做的猫眼电影项目,比当前的项目简单很多,非常适合入门练习。地址在这里

目标功能

  • 20种排行榜 -- 完成
  • 播放和暂停音乐,上一首,下一首,快进,快退 -- 完成
  • 滚动歌词 -- 完成
  • 列表播放,随机播放,单曲循环 -- 完成
  • 播放歌单全部音乐 -- 完成
  • 添加音乐到下一首播放 -- 完成
  • 查看评论,分为歌曲评论,专辑评论,歌单评论,mv评论 -- 完成
  • 查看mv,mv评论,相似mv -- 完成
  • mv排行榜和最新mv -- 完成
  • 获取最新最热歌单 -- 完成
  • 推荐歌单,推荐mv,推荐专辑 -- 完成
  • 查看用户个人信息 -- 完成
  • 查看用户歌单 -- 完成
  • 搜索单曲,专辑,歌手,歌单,MV,用户 -- 完成
  • 查看歌手信息,包括单曲,专辑,mv,介绍,相似歌手 -- 完成
  • 登录 -- 半成品
  • 给评论点赞 -- 半成品,需要登录
  • 添加音乐到歌单 -- 半成品,需要登录
  • 喜欢这首音乐 -- 未做,需要登录
  • 日推 -- 半成品,需要登录
  • 精品歌单 -- 未做
  • 独家放送 -- 未做
  • 电台 -- 未做

About

这是一个基于vue全家桶制作的网易云音乐,利用node版的网易云音乐的接口获取数据,实现音乐播放模块,搜索模块,各种排行榜模块,歌单模块,mv模块,评论模块,以及用户模块。


Languages

Language:Vue 79.2%Language:JavaScript 18.2%Language:CSS 1.5%Language:HTML 1.1%