# emo_music仿网易云音乐移动端vue3.2项目（Vue3.2+Pinia+Vant3+Vue-router+node.js）

**Repository Path**: swantb/emo_music

## Basic Information

- **Project Name**: emo_music仿网易云音乐移动端vue3.2项目（Vue3.2+Pinia+Vant3+Vue-router+node.js）
- **Description**: 基于vue-cli创建的仿网易云音乐项目
技术栈vue3.2 + vue-router + pinia + vant3+rem移动适配
结合vue3.2的setup语法糖和状态管理Pinia，后台接口是在网易云提供的官方node.js文档

- **Primary Language**: JavaScript
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 4
- **Created**: 2022-09-22
- **Last Updated**: 2022-09-22

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

 
# 基于vue-cli创建的仿网易云音乐项目 
 **技术栈vue3.2 + vue-router + pinia + vant3+rem移动适配
 结合vue3.2的setup语法糖和状态管理Pinia
后台接口是在网易云提供的官方node.js文档** 

## 先去网易云node.js官网下载好后端包
官网：https://binaryify.github.io/NeteaseCloudMusicApi/#/?id=neteasecloudmusicapi
## 将后端接口开启
node ./app.js

## 安装依赖
npm i

## 将项目跑起来
npm run serve

## 效果图：
### 首页：
![输入图片说明](img/%E9%A6%96%E9%A1%B5.png)
### 播放页面（未播放）：
![输入图片说明](img/%E6%92%AD%E6%94%BE%E9%A1%B5%E9%9D%A2.png)
### 播放页面（播放）：
![输入图片说明](img/%E6%92%AD%E6%94%BE%E9%A1%B5%E9%9D%A22.png)
### 歌单详情
![输入图片说明](img/%E6%AD%8C%E5%8D%95%E8%AF%A6%E6%83%85.png)![输入图片说明](img/%E6%AD%8C%E5%8D%95%E8%AF%A6%E6%83%852.png)
### 搜索功能
![输入图片说明](img/%E6%90%9C%E7%B4%A2.png)![输入图片说明](img/%E6%90%9C%E7%B4%A2%E5%88%97%E8%A1%A8.png)
### 播放页面（歌词）
![输入图片说明](img/%E6%AD%8C%E8%AF%8D.png)
### 登录页面（样式随便写写）
![输入图片说明](img/%E7%99%BB%E5%BD%95%E9%A1%B5%E9%9D%A2.png)
### 个人中心（调用网易登录接口后的个人中心，样式随便写写）
![输入图片说明](img/%E4%B8%AA%E4%BA%BA%E4%B8%AD%E5%BF%83.png)