# music_vue

**Repository Path**: Gitqyn/music_vue

## Basic Information

- **Project Name**: music_vue
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2020-09-03
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 酸橙音乐-音乐播放器webapp

> vuejs写的一个音乐播放器webapp

## 截图

推荐音乐：

![推荐音乐](./musicImg/1.PNG)

排行榜：

![排行榜](./musicImg/2.PNG)

榜单详情：

![榜单详情](./musicImg/3.PNG)

热门歌手：

![热门歌手](./musicImg/4.PNG)

歌手音乐列表：

![歌手音乐列表](./musicImg/5.PNG)

搜索：

![搜索](./musicImg/6.PNG)

搜索结果：

![搜索结果](./musicImg/7.png)
播放界面：

![播放界面](./musicImg/8.png)



#### 技术栈：

vue

vue-router

mint-ui

借用[酷狗音乐api](http://blog.yizicheng.cn/%E9%85%B7%E7%8B%97%E9%9F%B3%E4%B9%90api%E6%8E%A5%E5%8F%A3)


## 在线预览

[酸橙音乐](http://musicapp.yizicheng.cn)

扫码预览：

![二维码](./musicImg/9.png)





## 使用说明


``` bash

前后端分离


前端：
# install dependencies

npm install

# serve with hot reload at localhost:8080

npm run dev

# build for production with minification

npm run build

# build for production and view the bundle analyzer report

npm run build --report


后端：
# 进入node文件夹，运行node接口：
npm install

cd api

node api.js
```

For a detailed explanation on how things work, check out the [guide](http://vuejs-templates.github.io/webpack/) and [docs for vue-loader](http://vuejs.github.io/vue-loader).