数据来源

NeteaseCloudMusicApi

预览地址

千子音乐

部分截图展示

首页

排行榜

歌单

歌手

MV

目录结构

chiko_music
├── dist
│   └── assets
│       └── images
│           ├── singer
│           └── test
├── public
│   └── assets
│       └── images
│           ├── singer
│           └── test
└── src
    ├── api
    │   └── http
    ├── assets
    │   ├── css
    │   ├── font
    │   │   └── fonticon
    │   ├── image
    │   ├── scss
    │   └── ts
    ├── components
    │   ├── common
    │   │   ├── loading
    │   │   └── svgIcon
    │   │       └── svg
    │   ├── discover-music
    │   ├── home-page
    │   ├── lyric
    │   ├── mv
    │   ├── new-disc
    │   ├── progress-bar
    │   ├── rank
    │   ├── search
    │   ├── singer
    │   └── song-sheet
    ├── directives
    ├── models
    ├── router                        
    ├── store
    ├── util
    └── views
        ├── discover-music
        ├── home-page
        ├── mv
        ├── rank
        ├── search
        ├── singer
        └── song-sheet

安装运行

$ git clone git@github.com:chen-ziwen/NeteaseCloudMusicApi.git
$ cd NeteaseCloudMusicApi
$ npm install
$ node app.js // 运行接口服务器 运行成功才能拿到数据
$ git clone git@github.com:chen-ziwen/chiko_music.git
$ cd chiko_music
$ npm install
$ npm start

打包上线

$  npm run build // vue前端编译成dist，将nodejs项目和dist分别部署到自己的服务器上