# cloud-music

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

## Basic Information

- **Project Name**: cloud-music
- **Description**: 基于vue3+ts+element-ui plus+pinia+网易云音乐api Node.JS版开发的音乐平台，实现了网易云音乐pc端的主要功能
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 9
- **Forks**: 0
- **Created**: 2023-04-25
- **Last Updated**: 2025-06-04

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 极简音乐

 **基于Vue3、TS、ElementUI Plus、网易云音乐API Node.js版接口开发的音乐网站（模仿网易云音乐PC端UI和大部分功能），还有很多不完善的地方** 

#### 项目部分截图


![首页](%E9%A1%B9%E7%9B%AE%E9%83%A8%E5%88%86%E6%88%AA%E5%9B%BE/%E9%A6%96%E9%A1%B5.png)

![扫码登录](%E9%A1%B9%E7%9B%AE%E9%83%A8%E5%88%86%E6%88%AA%E5%9B%BE/%E6%89%AB%E7%A0%81%E7%99%BB%E5%BD%95.png)

![每日推荐](%E9%A1%B9%E7%9B%AE%E9%83%A8%E5%88%86%E6%88%AA%E5%9B%BE/%E6%AF%8F%E6%97%A5%E6%8E%A8%E8%8D%90.png)

![沉浸式歌词页](%E9%A1%B9%E7%9B%AE%E9%83%A8%E5%88%86%E6%88%AA%E5%9B%BE/%E6%B2%89%E6%B5%B8%E5%BC%8F%E6%AD%8C%E8%AF%8D%E9%A1%B5.png)

![发表评论](%E9%A1%B9%E7%9B%AE%E9%83%A8%E5%88%86%E6%88%AA%E5%9B%BE/%E5%8F%91%E8%A1%A8%E8%AF%84%E8%AE%BA.png)

![评论列表](%E9%A1%B9%E7%9B%AE%E9%83%A8%E5%88%86%E6%88%AA%E5%9B%BE/%E8%AF%84%E8%AE%BA%E5%88%97%E8%A1%A8.png)

![私人FM](%E9%A1%B9%E7%9B%AE%E9%83%A8%E5%88%86%E6%88%AA%E5%9B%BE/%E7%A7%81%E4%BA%BAFM.png)

![我的播客](%E9%A1%B9%E7%9B%AE%E9%83%A8%E5%88%86%E6%88%AA%E5%9B%BE/%E5%B1%8F%E5%B9%95%E6%88%AA%E5%9B%BE%202023-08-06%20173656.png)

![歌单详情页](%E9%A1%B9%E7%9B%AE%E9%83%A8%E5%88%86%E6%88%AA%E5%9B%BE/%E6%AD%8C%E5%8D%95%E8%AF%A6%E6%83%85%E9%A1%B5.png)

![喜欢的音乐](%E9%A1%B9%E7%9B%AE%E9%83%A8%E5%88%86%E6%88%AA%E5%9B%BE/%E5%96%9C%E6%AC%A2%E7%9A%84%E9%9F%B3%E4%B9%90.png)

![专属定制](%E9%A1%B9%E7%9B%AE%E9%83%A8%E5%88%86%E6%88%AA%E5%9B%BE/%E4%B8%93%E5%B1%9E%E5%AE%9A%E5%88%B6.png)

![歌单广场](%E9%A1%B9%E7%9B%AE%E9%83%A8%E5%88%86%E6%88%AA%E5%9B%BE/%E6%AD%8C%E5%8D%95%E5%B9%BF%E5%9C%BA.png)

![榜单](%E9%A1%B9%E7%9B%AE%E9%83%A8%E5%88%86%E6%88%AA%E5%9B%BE/%E6%A6%9C%E5%8D%95.png)

![歌手](%E9%A1%B9%E7%9B%AE%E9%83%A8%E5%88%86%E6%88%AA%E5%9B%BE/%E6%AD%8C%E6%89%8B.png)

![最新音乐](%E9%A1%B9%E7%9B%AE%E9%83%A8%E5%88%86%E6%88%AA%E5%9B%BE/%E6%9C%80%E6%96%B0%E9%9F%B3%E4%B9%90.png)

![搜索](%E9%A1%B9%E7%9B%AE%E9%83%A8%E5%88%86%E6%88%AA%E5%9B%BE/%E6%90%9C%E7%B4%A2.png)

![搜索详情](%E9%A1%B9%E7%9B%AE%E9%83%A8%E5%88%86%E6%88%AA%E5%9B%BE/%E6%90%9C%E7%B4%A2%E8%AF%A6%E6%83%85.png)

![歌手详情](%E9%A1%B9%E7%9B%AE%E9%83%A8%E5%88%86%E6%88%AA%E5%9B%BE/%E6%AD%8C%E6%89%8B%E8%AF%A6%E6%83%85.png)

![专辑](%E9%A1%B9%E7%9B%AE%E9%83%A8%E5%88%86%E6%88%AA%E5%9B%BE/%E4%B8%93%E8%BE%91.png)

![音乐云盘](%E9%A1%B9%E7%9B%AE%E9%83%A8%E5%88%86%E6%88%AA%E5%9B%BE/%E9%9F%B3%E4%B9%90%E4%BA%91%E7%9B%98.png)


#### 安装

网易云音乐Api可参考文档：[https://binaryify.github.io/NeteaseCloudMusicApi/#/](https://binaryify.github.io/NeteaseCloudMusicApi/#/)

前端：

```sh
npm install 
```

#### 运行项目

```sh
npm run dev
```

#### 打包项目

```sh
npm run build
```