Skip to content

symfu/vue-netease-music

 
 

Repository files navigation

音乐播放器虽然烂大街了,但是作为前端没自己撸一个一直是个遗憾,而且偶然间发现pc端web版的网易云音乐做的实在是太简陋了,社区仿pc客户端的网易云也不多见,为了弥补这个遗憾,就用vue全家桶模仿mac客户端的ui实现了一个,欢迎提出意见和star~

进度

  • 搜索歌曲+播放(版权歌曲无法播放)
  • 发现页
  • 播放列表
  • 全部歌单
  • 最新音乐
  • cd页
    • 歌词
    • 评论区
    • 推荐歌单
    • 推荐歌曲
  • 主题换肤功能

后端接口

https://binaryify.github.io/NeteaseCloudMusicApi

技术栈

  • Vue全家桶 vue-cli3 create出来的。
  • ui库用了魔改样式的element-ui
  • 歌词滚动部分用了黄轶老大的better-scroll(贼爽)
  • 主题换肤用的css变量替换。
  • ES 6 / 7 (JavaScript 语言的下一代标准)
  • Sass(CSS预处理器)
  • postcss-pxtorem(自动处理rem,妈妈再也不用担心屏幕太大太小了)

Screenshots

歌曲页面

首页

歌单

歌单详情

安装与使用

前端项目

npm i
npm run serve

后端项目

node app.js

About

vue网易云音乐

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • Vue 75.5%
  • JavaScript 18.2%
  • CSS 5.4%
  • Other 0.9%