这是一个创建于 2377 天前的主题，其中的信息可能已经有所发展或是发生改变。
音乐播放器虽然烂大街了，但是作为前端没自己撸一个一直是个遗憾，而且偶然间发现 pc 端 web 版的网易云音乐做的实在是太简陋了，社区仿 pc 客户端的网易云也不多见，为了弥补这个遗憾，就用 vue 全家桶模仿 mac 客户端的 ui 实现了一个，欢迎提出意见和 star~
预览地址
源码地址
进度
- 搜索歌曲+播放（版权歌曲无法播放)
- 发现页
- 播放列表
- 全部歌单
- 最新音乐
- cd 页（评论区才是灵魂）
- 主题换肤功能
后端接口
https://binaryify.github.io/NeteaseCloudMusicApi
技术栈
- Vue 全家桶 vue-cli3 create 出来的。
- ui 库用了魔改样式的 element-ui
- 歌词滚动部分用了黄轶老大的 better-scrool （贼爽）
- 主题换肤用的 css 变量替换。
- ES 6 / 7 （ JavaScript 语言的下一代标准）
- Sass （ CSS 预处理器）
Screenshots
安装与使用
前端项目
npm i
npm run serve
后端项目
node app.js
第 1 条附言 · 2019 年 7 月 30 日
第 2 条附言 · 2019 年 8 月 20 日
更新版本，加入了 mv 播放功能。
http://shanshihao.cn/mv/10883392
http://shanshihao.cn/mv/10883392
 |
1
moneyduo 2019 年 7 月 27 日
不错啊 打破零回复 狗头
|
 |
2
anky 2019 年 7 月 27 日
很漂亮！不错
|
 |
3
gaigechunfeng 2019 年 7 月 27 日  1
打破零回复。这么掉的项目已经 1000 多星，其实也不用来 V2EX 宣传了。
总之厉害，我是 mark 了。 |
 |
4
Corbusier 2019 年 7 月 27 日 via iPhone
先码上一个看看
|
 |
5
caijunyi 2019 年 7 月 27 日 via Android
牛逼，先送星！
|
 |
6
ranwu 2019 年 7 月 27 日
图片挂了，老铁。
|
 |
7
shanlan 2019 年 7 月 27 日
我就问一句，你们 CSS 到底怎么学的？为什么我的 CSS 写不出我想要的结果？
|
 |
9
mamahaha 2019 年 7 月 27 日
你这标题我看成了 Vue 全家桶模仿网易云音乐，然后网易云音乐的人不高兴了，派你来发牢骚。
|
 |
10
MMMMMMMMMMMMMMMM 2019 年 7 月 27 日
感觉云音乐这种直接用 canvas webgl 整个一起画更省事点
|
 |
11
yaoliyc 2019 年 7 月 27 日 via iPhone
先收藏了
|
 |
12
cm15006 2019 年 7 月 27 日 via Android
已 star
有电台的话就更棒了 |
 |
13
1239305697 2019 年 7 月 27 日
厉害了。已 star
|
 |
15
xiangyi007 2019 年 7 月 28 日
已 Star,看起来很好！
|
|
16
yaoliyc 2019 年 7 月 28 日
包装成客户端？
|
 |
21
xiaotuzi 2019 年 7 月 29 日
想问下撸了多久做出来的？
|
 |
23
15651980765 2019 年 7 月 29 日
给大佬递茶
|
 |
24
lenling 2019 年 7 月 29 日
克拉斯
|
 |
25
likaka 2019 年 7 月 29 日
不像呀
|
 |
26
nicoljiang PRO 非常喜欢。
|
 |
30
sl1673495 OP cd 页优化了一下 加了推荐歌单和相似歌曲
|
|
31
sl1673495 OP 添加了 rem 支持，对大屏幕更友好
|
|
32
sl1673495 OP 附言更新了预览图片
|
 |
33
yukiloh 2019 年 12 月 13 日 via Android
雾草 13k 的项目…
|
Select Language