# CloudMusic

**Repository Path**: curry_li/cloud-music

## Basic Information

- **Project Name**: CloudMusic
- **Description**: CloudMusic网易音乐软件
- **Primary Language**: Unknown
- **License**: GPL-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2021-07-05
- **Last Updated**: 2021-07-05

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# CloudMusic

#### 介绍

Vue 版仿网易云音乐，

[项目预览](https://music.catbk.cn)

#### 软件架构

后端使用[NeteaseCloudMusicApi](https://github.com/Binaryify/NeteaseCloudMusicApi)进行反向代理

数据来源于网易云音乐接口

##### 使用技术

- vue2.6.11
- vue-router3.1.5
- axios0.19.2
- element-ui2.13.0

#### 使用说明

1.  npm install
2.  npm run serve

#### 特别鸣谢

1.黑马程序员深圳中心 / [带你进阶 Vue 技术栈：手把手教你打造自己的音乐播放器](https://www.bilibili.com/video/av93992694?p=1)

2.Binaryify / [NeteaseCloudMusicApi](https://github.com/Binaryify/NeteaseCloudMusicApi)

3.黑马程序员 / [Vue 全家桶从入门到实战](https://www.bilibili.com/video/av75785188?from=search&seid=14064216843487909476)

#### 演示界面

![发现音乐](https://raw.githubusercontent.com/Red-Asuka/MarkdownPhotos/master/uploads/images/2020/0619/203613_47ab5847_5551811.png '屏幕截图.png')

![推荐歌单](https://raw.githubusercontent.com/Red-Asuka/MarkdownPhotos/master/uploads/images/2020/0619/203741_60001c1b_5551811.png '屏幕截图.png')

![最新音乐](https://raw.githubusercontent.com/Red-Asuka/MarkdownPhotos/master/uploads/images/2020/0619/203823_4651e18b_5551811.png '屏幕截图.png')

![最新MV](https://raw.githubusercontent.com/Red-Asuka/MarkdownPhotos/master/uploads/images/2020/0619/203923_69f7e2ac_5551811.png '屏幕截图.png')

![搜索页面](https://raw.githubusercontent.com/Red-Asuka/MarkdownPhotos/master/uploads/images/2020/0619/203957_169532f1_5551811.png '屏幕截图.png')
![输入图片说明](https://raw.githubusercontent.com/Red-Asuka/MarkdownPhotos/master/uploads/images/2020/0619/204026_e0b7b061_5551811.png '屏幕截图.png')

![歌单详情](https://raw.githubusercontent.com/Red-Asuka/MarkdownPhotos/master/uploads/images/2020/0619/204132_282ae6c6_5551811.png '屏幕截图.png')

![MV播放](https://raw.githubusercontent.com/Red-Asuka/MarkdownPhotos/master/uploads/images/2020/0619/204249_b95db264_5551811.png '屏幕截图.png')

![评论](https://raw.githubusercontent.com/Red-Asuka/MarkdownPhotos/master/uploads/images/2020/0619/204323_5f3a1e9e_5551811.png '屏幕截图.png')