肝代码不易,若是在网上发表请标明出处,另外请路过的朋友们随手点个Star。本项目仅用于学习。
项目参考于网易云音乐PC版app,基本实现官方音乐播放、MV播放所有功能
项目目前共四个分支:
----master //主分支,第二版代码
----version1 //第一版代码,写第一版时自己还很菜,所以可能很多地方不够友好
项目技术栈:vue+vuex+vue-router+axios+better-scroll
----version2 //第二版代码
亮点:支持三种主题颜色,页面更友好,对不同尺寸屏幕也做了一定兼容,内部代码相较于第一版也有比较大的优化
技术栈:vue+vuex+vue-router+axios+element-ui+vbest-ui(自己封装的组件库)+postcss-pxtorem+vue-lazyload
----dev-player //正在开发中,目标是封装一个独立的音乐播放器
技术栈:react+ts+hooks+mobx+antd
本项目后端所有数据来自开源项目NeteaseCloudMusicApi,下面附有后端开源项目地址、文档
-
运行后端仓库
1.1. git clone 后端仓库地址
1.2. cnpm install
1.3. node app
-
运行本仓库代码
2.1. git clone 本仓库地址
2.2. cnpm install
2.3. npm run serve
欢迎加群一起讨论,第一个群已满,请加二群
light主题 | dark主题 | green主题 |
---|
歌单 | 歌单 | 歌单 |
---|
排行榜 | 排行榜 | 排行榜 |
---|
歌手详情-生平简介 | 相似歌手 | 歌手 |
---|
歌手 | 歌手详情 | 歌手MV |
---|
MV | MV排行榜 | 全部MV |
---|
MV播放页面 | MV播放 | MV播放 |
---|
播放器 | 播放器 | 播放器 |
---|
热搜列表 | 搜索建议 | 搜索详情 |
---|
其他页面效果请参考version1分支,因为上传图片要求不能超过2M,太麻烦我就不一一上传了