# vue3-music

**Repository Path**: JingWa/vue3-music

## Basic Information

- **Project Name**: vue3-music
- **Description**: VUE3-MUSIC 是一个基于 VUE3+TS 开发的音乐播放器，界面模仿 QQ 音乐 mac 客户端
- **Primary Language**: TypeScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: https://www.oschina.net/p/vue3-music
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 7
- **Created**: 2022-04-22
- **Last Updated**: 2022-04-22

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README



# VUE3-MUSIC

基于 VUE3+TS 开发的音乐播放器，界面模仿QQ音乐mac客户端。

在线体验：[https://smallruraldog.github.io/vue3-music](https://smallruraldog.github.io/vue3-music)

将浏览器大小设置成1050*670，体验效果更好！界面是自适应的，使用[tailwindcss.com](https://www.tailwindcss.com)来实现

手机端未适配，后期会使用[Flutter](https://flutter.dev)单独开发手机客户端，使用[Electron](https://www.electronjs.org)打包桌面客户端并内置API服务

在线演示为了安全考虑，不提供API接口服务，需要准备好自己的API服务地址，并且是HTTPS的，没有HTTPS的服务，可以本地运行，首次打开时会要求设置API地址


## 本地安装

```
git clone https://github.com/SmallRuralDog/vue3-music.git
cd vue3-music
yarn
yarn run dev
```

## 网易云音乐API

需要运行API服务才能正常体验

[开发文档](https://binaryify.github.io/NeteaseCloudMusicApi)


## UI



![image-20220310123410770](ui/image-20220310123410770.png)

![image-20220310123530635](ui/image-20220310123530635.png)

![image-20220310123634367](ui/image-20220310123634367.png)

![image-20220310123722684](ui/image-20220310123722684.png)

![image-20220310123456071](ui/image-20220310123456071.png)

![image-20220310123545606](ui/image-20220310123545606.png)

![image-20220310123650090](ui/image-20220310123650090.png)

![image-20220310123738142](ui/image-20220310123738142.png)

## PS

通过此开源项目学习VUE3的强大..加油！