Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/neveryu/vue-music

:musical_note::musical_note::musical_note:用vue做的一个移动端音乐app:octocat::octocat::octocat:
https://github.com/neveryu/vue-music

axios better-scroll fastclick vue vue-cli vue-lazyload vue-music vue-router vuex webpack webpack3

Last synced: about 1 month ago
JSON representation

:musical_note::musical_note::musical_note:用vue做的一个移动端音乐app:octocat::octocat::octocat:

Awesome Lists containing this project

README

        

# vue-music

基于 Vue 包括音乐推荐、搜索、播放、榜单、收藏



Vue
vue-cli
Vue

vue-router
vuex
vue-awesome-swiper
rxjs
vue-lazyload
axios
better-scroll
fastclick
good-storage
jsonp


欢迎体验:https://git.io/fhnor,在手机上效果更好,微信扫码体验:



vue-music

## 实现的功能

1、音乐列表、歌单、歌手、排行、榜单、推荐

2、音乐播放、暂停、上一曲、下一曲、喜欢

3、播放列表、添加到播放列表、历史列表

4、搜索单曲、歌手、专辑、MV

5、查看歌手页面、专辑页面、MV

6、热门搜索

7、搜索历史记录

8、排行榜

9、切换播放模式

10、歌词

11、个人中心

12、项目介绍

## Build Setup

``` 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

# run local server
npm run prod.server.js
```

## Tip

```bash
# 如果 npm install 长时间没有反应或者安装失败,请尝试
npm install --registry=https://registry.npm.taobao.org
```

## 截图

![](https://github.com/Neveryu/vue-music/blob/master/screenshot/like.png)
![](https://github.com/Neveryu/vue-music/blob/master/screenshot/playing.png)
![](https://github.com/Neveryu/vue-music/blob/master/screenshot/playlist1.png)
![](https://github.com/Neveryu/vue-music/blob/master/screenshot/rank.png)
![](https://github.com/Neveryu/vue-music/blob/master/screenshot/recommend.png)
![](https://github.com/Neveryu/vue-music/blob/master/screenshot/search.png)
![](https://github.com/Neveryu/vue-music/blob/master/screenshot/search2.png)
![](https://github.com/Neveryu/vue-music/blob/master/screenshot/singer.png)
![](https://github.com/Neveryu/vue-music/blob/master/screenshot/singerdetail.png)

## License

[MIT](https://github.com/Neveryu/vue-music/blob/master/LICENSE)

Copyright (c) 2017-present NeverYu