Preface

The liver code is not easy. If it is published online, please indicate the source. In addition, friends who pass by are invited to order a . This project is for learning only.

• 中文

Github Adress    Gitee Address

Project Introduction

The project is based on the NetEase Cloud Music PC version app, which basically realizes all the functions of official music playback and MV playback.

The project have four branches now:

----master  
//Master branch, second version code

----version1  
//The first version of the code, when I wrote the first version, I was still very good at it, so many places may not be friendly enough
Project technology stack：
vue+vuex+vue-router+axios+better-scroll

----version2  //第二版代码
Highlights: Supports three theme colors, the page is more friendly, and it is compatible with different sizes of screens. Compared with the first version, the internal code has a relatively large optimization.Technology stack：
vue+vuex+vue-router+axios+element-ui+vbest-ui(Own packaged component library)+postcss-pxtorem+vue-lazyload

----dev-player  //During development, the goal is to package an independent music player
Technology stack：react+ts+hooks+mobx+antd

Backend API

All the back-end data of this project comes from the open source project NeteaseCloudMusicApi, and the back-end open source project address and documents are attached below.

Backend API Adress

API doc

Run

1. Run backed repo

    //git clone This warehouse address
    git clone https://github.com/daoshengfu/Vue-NeteaseCloud-WebMusicApp
    //npm install
    npm install
    //node start
    node app
2. Run this repo code

    
    git clone https://github.com/daoshengfu/Vue-NeteaseCloud-WebMusicApp
    //npm install
    npm install
    //node start
    node run serve

Question Exchange Group

Welcome to join the group to discuss. The number of members in the first group has reached the upper limit, please join the second group.

Preview

Theme

light theme	dark theme	greentheme

Songlist

song list	song list	song list

Leaderboard

leaderboard	leaderboard	leaderboard

Singer & Singer Details

Singer Details-Biography	Similar singers	Singers

Singers	Singers detials	Singers MV

MV & MV player

MV	MV Leaderboard	Total MV

MV Play page	MV Play	MV Play

Player

Player	Player	Player

Search

Hot search list	Search suggestions	Search details

Other

For other page effects, please refer to the version1 branch, because the upload image requirements cannot exceed 2M, so I will not upload them one by one if it is too troublesome...