# vue基于网易云API模仿网易云pc端

**Repository Path**: crazyeagle/netease-cloud-pc-end-project

## Basic Information

- **Project Name**: vue基于网易云API模仿网易云pc端
- **Description**: 基于网易云api，使用vue模仿网易云，模仿网易云pc端功能实现百分之70
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 11
- **Forks**: 2
- **Created**: 2022-07-03
- **Last Updated**: 2023-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

## 前言
最新进展：[vue3全家桶模仿网易云移动端](https://gitee.com/crazyeagle/music)<br>
功能没有完全实现，目前实现歌单，排行，mv，新碟，歌词，歌手，电台，推荐，登录，注册，搜索，用户音乐，用户朋友圈，评论展示，移动端展示功能等功能。<br>
肝代码不易,随手点个Star再走呗
## 介绍
基于网易云api开发，模仿网易云pc端。<br>
运行该项目前请下载[网易云api](https://github.com/Binaryify/NeteaseCloudMusicApi)
## 使用说明
如果请求无数据，请查看请求地址与接口地址是否一致<br>
该项目仅供学习使用，不作商用
## 感谢
[Binaryify/NeteaseCloudMusicApi](https://github.com/Binaryify/NeteaseCloudMusicApi)
## 安装

```
git clone 仓库地址
npm install
```
## 运行
```
npm run serve
```
## 项目效果
### 首页
| 首页 |  |
| --- | --- | 
|![加载失败](./img/%E9%A6%96%E9%A1%B5%E6%88%AA%E5%9B%BE1.png "首页") |  ![加载失败](./img/%E9%A6%96%E9%A1%B5%E6%88%AA%E5%9B%BE2.png "首页")|
| ![加载失败](./img/%E9%A6%96%E9%A1%B53.png "首页") | ![加载失败](./img/%E9%A6%96%E9%A1%B5%E5%8A%A8%E6%80%81%E5%9B%BE.gif "首页") |  
### 排行  
| 排行 |  |
| --- | --- |
|![加载失败](./img/%E6%8E%92%E8%A1%8C1.png "排行")| ![加载失败](./img/%E6%8E%92%E8%A1%8C1.png "排行")|  
|![加载失败](./img/%E6%8E%92%E8%A1%8C%E8%AF%84%E8%AE%BA.png "排行")|![加载失败](./img/%E6%8E%92%E8%A1%8C%E5%8A%A8%E6%80%81%E5%9B%BE.gif "排行")|
### 歌单
| 歌单 |  |
| --- | --- |
|![加载失败](./img/%E6%AD%8C%E5%8D%951.png "歌单首页")| ![加载失败](./img/%E6%AD%8C%E5%8D%952.png "歌单首页")|  
|![加载失败](./img/%E6%AD%8C%E5%8D%95%E8%AF%A6%E6%83%851.png "歌单详情")|![加载失败](./img/%E6%AD%8C%E5%8D%95%E8%AF%A6%E6%83%852.png "歌单详情")|
|![加载失败](./img/%E6%AD%8C%E5%8D%95%E9%A6%96%E9%A1%B5%E5%8A%A8%E6%80%81%E5%9B%BE.gif "歌单首页动态图")|![加载失败](./img/%E6%AD%8C%E5%8D%95%E8%AF%A6%E6%83%85%E5%8A%A8%E6%80%81%E5%9B%BE.gif "歌单详情动态图")|
### 电台
| 电台 |  |
| --- | --- |
|![加载失败](./img/%E7%94%B5%E5%8F%B0.png "电台首页")| ![加载失败](./img/%E7%94%B5%E5%8F%B02.png "电台首页")|  
|![加载失败](./img/%E7%94%B5%E5%8F%B0%E8%AF%A6%E6%83%85.png "排行")|![加载失败](./img/%E7%94%B5%E5%8F%B0%E5%8A%A8%E6%80%81%E5%9B%BE.gif "电台动态图")|
### 用户页面
|我的音乐 |朋友  |
| --- | --- |
|![加载失败](./img/%E6%88%91%E7%9A%84%E9%9F%B3%E4%B9%90.png "我的音乐")| ![加载失败](./img/%E6%9C%8B%E5%8F%8B%E5%9C%88.png "朋友圈")|  
|![加载失败](./img/%E6%88%91%E7%9A%84%E9%9F%B3%E4%B9%90%E5%8A%A8%E6%80%81%E5%9B%BE.gif "我的音乐动态图")|![加载失败](./img/%E6%9C%8B%E5%8F%8B%E5%9C%88.gif "朋友圈动态图")|
### 登录
| 登录|  |
| --- | --- |
|![加载失败](./img/%E7%99%BB%E5%BD%95.png "二维码登录")| ![加载失败](./img/%E7%99%BB%E5%BD%95%E9%AA%8C%E8%AF%81%E7%A0%81.png "验证码登录")|  
### MV
| mv|  |
| --- | --- |
|![加载失败](./img/mv.png "mv")| ![加载失败](./img/mv%E5%8A%A8%E6%80%81.gif "mv")|  
### 歌手
| 歌手首页| 歌手详情 |
| --- | --- |
|![加载失败](./img/%E6%AD%8C%E6%89%8B.png "歌手首页")| ![加载失败](./img/%E6%AD%8C%E6%89%8B%E8%AF%A6%E6%83%85.png "歌手详情")|  
|![加载失败](./img/%E6%AD%8C%E6%89%8B%E9%A6%96%E9%A1%B5%E5%8A%A8%E6%80%81%E5%9B%BE.gif "二维码登录")| ![加载失败](./img/%E6%AD%8C%E6%89%8B%E8%AF%A6%E6%83%85%E5%8A%A8%E6%80%81%E5%9B%BE.gif "歌手详情动态图")|  
### 新碟
|新碟| 歌手详情 |
| --- | --- |
|![加载失败](./img/%E6%96%B0%E7%A2%9F.png "新碟")| ![加载失败](./img/%E6%96%B0%E7%A2%9F%E8%AF%A6%E6%83%85%E3%80%81.png "新碟详情")|  
### 歌词 & 搜索
|歌词| 搜索 |
| --- | --- |
|![加载失败](./img/%E6%AD%8C%E8%AF%8D.gif "歌词页")| ![加载失败](./img/%E6%90%9C%E7%B4%A2.gif "搜索页")|  
## 后续准备
代码优化<br>
准备用vue3将移动端重构,若有进展会及时更新