https://github.com/betacatpro/music

🎧 Vue2.x 打造音乐 app
https://github.com/betacatpro/music

vue

Last synced: 8 months ago
JSON representation

🎧 Vue2.x 打造音乐 app

• Host: GitHub
• URL: https://github.com/betacatpro/music
• Owner: BetaCatPro
• Created: 2019-01-09T06:35:45.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2019-01-29T15:08:45.000Z (over 7 years ago)
• Last Synced: 2025-03-26T14:54:12.585Z (about 1 year ago)
• Topics: vue
• Language: Vue
• Homepage:
• Size: 2.63 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# vue-music

> Vue.js 打造——音乐 App

## 项目树

```

.

├── README.md

├── build

│   ├── build.js

│   ├── check-versions.js

│   ├── dev-client.js

│   ├── dev-server.js

│   ├── utils.js

│   ├── vue-loader.conf.js

│   ├── webpack.base.conf.js

│   ├── webpack.dev.conf.js

│   └── webpack.prod.conf.js

├── config

│   ├── dev.env.js

│   ├── index.js

│   └── prod.env.js

├── index.html

├── package.json

├── prod.server.js

├── src

│   ├── App.vue

│   ├── api

│   │   ├── config.js

│   │   ├── rank.js

│   │   ├── recommend.js

│   │   ├── search.js

│   │   ├── singer.js

│   │   └── song.js

│   ├── base

│   │   ├── confirm

│   │   │   └── confirm.vue

│   │   ├── listview

│   │   │   └── listview.vue

│   │   ├── loading

│   │   │   ├── loading.gif

│   │   │   └── loading.vue

│   │   ├── no-result

│   │   │   ├── no-result.vue

│   │   │   ├── no-result@2x.png

│   │   │   └── no-result@3x.png

│   │   ├── progress-bar

│   │   │   └── progress-bar.vue

│   │   ├── progress-circle

│   │   │   └── progress-circle.vue

│   │   ├── scroll

│   │   │   └── scroll.vue

│   │   ├── search-box

│   │   │   └── search-box.vue

│   │   ├── search-list

│   │   │   └── search-list.vue

│   │   ├── slider

│   │   │   └── slider.vue

│   │   ├── song-list

│   │   │   ├── first@2x.png

│   │   │   ├── first@3x.png

│   │   │   ├── second@2x.png

│   │   │   ├── second@3x.png

│   │   │   ├── song-list.vue

│   │   │   ├── third@2x.png

│   │   │   └── third@3x.png

│   │   ├── switches

│   │   │   └── switches.vue

│   │   └── top-tip

│   │       └── top-tip.vue

│   ├── common

│   │   ├── fonts

│   │   │   ├── music-icon.eot

│   │   │   ├── music-icon.svg

│   │   │   ├── music-icon.ttf

│   │   │   └── music-icon.woff

│   │   ├── image

│   │   │   └── default.png

│   │   ├── js

│   │   │   ├── cache.js

│   │   │   ├── config.js

│   │   │   ├── dom.js

│   │   │   ├── jsonp.js

│   │   │   ├── mixin.js

│   │   │   ├── singer.js

│   │   │   ├── song.js

│   │   │   └── util.js

│   │   └── stylus

│   │       ├── base.styl

│   │       ├── icon.styl

│   │       ├── index.styl

│   │       ├── mixin.styl

│   │       ├── reset.styl

│   │       └── variable.styl

│   ├── components

│   │   ├── add-song

│   │   │   └── add-song.vue

│   │   ├── disc

│   │   │   └── disc.vue

│   │   ├── m-header

│   │   │   ├── logo@2x.png

│   │   │   ├── logo@3x.png

│   │   │   └── m-header.vue

│   │   ├── music-list

│   │   │   └── music-list.vue

│   │   ├── player

│   │   │   └── player.vue

│   │   ├── playlist

│   │   │   └── playlist.vue

│   │   ├── rank

│   │   │   └── rank.vue

│   │   ├── recommend

│   │   │   └── recommend.vue

│   │   ├── search

│   │   │   └── search.vue

│   │   ├── singer

│   │   │   └── singer.vue

│   │   ├── singer-detail

│   │   │   └── singer-detail.vue

│   │   ├── suggest

│   │   │   └── suggest.vue

│   │   ├── tab

│   │   │   └── tab.vue

│   │   ├── top-list

│   │   │   └── top-list.vue

│   │   └── user-center

│   │       └── user-center.vue

│   ├── main.js

│   ├── router

│   │   └── index.js

│   └── store

│       ├── actions.js

│       ├── getters.js

│       ├── index.js

│       ├── mutation-types.js

│       ├── mutations.js

│       └── state.js

└── static

    ├── 首页.png

    ├── 歌手.png

    ├── 歌单排行.png

    ├── 搜索.png

    └── 播放器.png

```

## 项目截图

![image](https://github.com/BetaCatPro/music/blob/master/static/首页.png)

![image](https://github.com/BetaCatPro/music/blob/master/static/歌手.png)

![image](https://github.com/BetaCatPro/music/blob/master/static/歌单排行.png)

![image](https://github.com/BetaCatPro/music/blob/master/static/搜索.png)

![image](https://github.com/BetaCatPro/music/blob/master/static/播放器.png)

### 安装与运行

```

git clone https://github.com/BetaCatPro/Music.git

cd vue-music

npm install

npm run dev //服务端运行 访问 http://localhost:8080

npm run build 项目打包