# vue-netease-music

**Repository Path**: lby990818/vue-netease-music

## Basic Information

- **Project Name**: vue-netease-music
- **Description**: 开源的仿网易云
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 1
- **Created**: 2020-07-26
- **Last Updated**: 2021-06-08

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 🎵基于Vue2、Vue-CLI3的高仿网易云mac客户端播放器（PC） Online Music Player

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

💐[预览地址](https://ssh-music.vercel.app)

💐[源码地址](https://github.com/sl1673495/vue-netease-music)

### 进度

- [x] mv 页（3.0 新增）
- [x] cd 页 (2.0 新增)
- [x] 搜索建议
- [x] 搜索详情
- [x] 播放（版权歌曲无法播放)
- [x] 发现页
- [x] 播放列表
- [x] 播放记录
- [x] 全部歌单
- [x] 歌单详情
- [x] 最新音乐
- [x] 主题换肤功能
- [x] 登录(网易云 uid 登录)

### 后端接口

https://binaryify.github.io/NeteaseCloudMusicApi

### 技术栈

- ***Vue*** 全家桶 Vue-CLI3 create 出来的。
- ***Element-Ui*** 魔改样式。
- ***better-scroll*** 歌词滚动部分用了黄轶老大的 （贼爽）
- ***CSS Variables*** 主题换肤。
- ***ES 6 / 7*** （JavaScript 语言的下一代标准）
- ***Sass***（CSS 预处理器）
- ***postcss-pxtorem***（自动处理 rem，妈妈再也不用担心屏幕太大太小了）
- ***workbox-webpack-plugin*** 谷歌开发的利用 Service Work 预缓存 chunks 的 webpack 插件。

### Screenshots

![首页](https://user-images.githubusercontent.com/23615778/62509203-da358580-b83c-11e9-97b3-367fb06a8347.png)

![歌单列表](https://user-images.githubusercontent.com/23615778/62509204-dace1c00-b83c-11e9-8d3f-0bcb93e3aab7.png)

![歌单详情](https://user-images.githubusercontent.com/23615778/62509201-d99cef00-b83c-11e9-8e4b-b122b8b94468.png)

![音乐播放](https://user-images.githubusercontent.com/23615778/62509202-da358580-b83c-11e9-98e1-530e5741ff56.png)

### 安装与使用

```
npm i
npm run dev
```

### 友情链接
[mmPlayer](https://github.com/maomao1996/Vue-mmPlayer)