https://github.com/lang1427/vue-typescript-music

:fire: 基于 vue 全家桶 音乐项目(Music project) vue+typescript 实现 高仿 网易云音乐 移动端WebApp
https://github.com/lang1427/vue-typescript-music

axios better-scroll es6 flex lodash moment pinyin typescript vue vue-cli-3 vue-router vue-typescript-music vuex

Last synced: 2 months ago
JSON representation

:fire: 基于 vue 全家桶 音乐项目(Music project) vue+typescript 实现 高仿 网易云音乐 移动端WebApp

• Host: GitHub
• URL: https://github.com/lang1427/vue-typescript-music
• Owner: lang1427
• Created: 2019-12-09T03:23:22.000Z (about 5 years ago)
• Default Branch: master
• Last Pushed: 2023-03-27T02:15:56.000Z (almost 2 years ago)
• Last Synced: 2024-12-10T05:32:42.410Z (2 months ago)
• Topics: axios, better-scroll, es6, flex, lodash, moment, pinyin, typescript, vue, vue-cli-3, vue-router, vue-typescript-music, vuex
• Language: Vue
• Homepage: http://47.93.187.37/#/find
• Size: 13.9 MB
• Stars: 164
• Watchers: 3
• Forks: 35
• Open Issues: 15
• Metadata Files:
  • Readme: README.en.md

Awesome Lists containing this project

README

        
# vue-typescript-music

## Vue+TypeScript better-music-webapp (Music Project)

[中文](./README.md)

**Online access address**  [online address](http://47.93.187.37/)

**Project analysis online** [Source resolution address](https://blog.csdn.net/weixin_42661283/article/details/106552202)

> vue-content-loader [TypeScript Support](https://github.com/egoist/vue-content-loader/pull/13)

> Continuous improvement of projects and ongoing updates...

##### Please Star，Issues

1. **Your star is my driving force for continuous updating and maintenance！！！**

2. **If there are some problems during use, please issue**

> Detailed notes perfect interpretation you deserve

> Zero UI component library, hand-made

### Back end API dependency

`NeteaseCloudMusicApi 3.29.0`

1. [Interface download address](https://github.com/Binaryify/NeteaseCloudMusicApi)

2. [Interface API document address](https://binaryify.github.io/NeteaseCloudMusicApi/#/?id=neteasecloudmusicapi)

### Example renderings

Direct access to online address is recommended (the picture file is large and may not be loaded)

![Search page, search results](./src/doc/images/search.gif)

![hot singers page](./src/doc/images/singer.gif)

![Music playing](./src/doc/images/player.gif)

![New song list](./src/doc/images/createSong.gif)

![Comment](./src/doc/images/comment.gif)

### Introduction to interface and function module

**Personal page**

- [x] login

- [x] Play history

- [ ] My radio station

- [ ] My star

- [ ] Focus on new songs

- [ ] My music

- [ ] My favorite music

**Default page（Music Hall）**

- [x] banner Rotation chart

- [x] Recommended song list

- [x] New dish

- [ ] Recommended new music

- [ ] Recommended radio station

- [x] Ranking List

- [ ] Recommended programs

- [ ] Recommended MV

**Search page**

- [x] Hot search list

- [x] History

- [x] Singer classification

- [x] Search input box function

**Search result**

- [x] Search results navigation

- [x] Comprehensive

- [x] Single

- [x] Video

- [x] Singer

- [x] Album

- [x] Song sheet

- [x] Radio station

- [x] Uiser

**Singer details**

- [x] Home page

- [x] Album

- [x] Mv

**Comment interface**

- [x] Comment like, cancel like

- [x] Comment

- [x] Reply to comments

- [x] Copy comments

- [x] Delete comment

**Play music**

- [x] Play

- [x] Play up and down

- [x] Slide to switch playback

- [x] Play mode

- [x] Play list

- [x] Star Song sheet

- [x] Delete playlist

- [x] Download currently playing music

- [x] Lyric

**Video page**

`Not yet open`

---

## Project setup

```

npm install

```

### Compiles and hot-reloads for development

```

npm run serve

```

### Compiles and minifies for production

```

npm run build

```

### Run your tests

```

npm run test

```

### Lints and fixes files

```

npm run lint

```