Vue TypeScript Better Music Webapp

vue-typescript-music

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

中文

Online access address www.kanglang.xyz

Project analysis online Source resolution address

vue-content-loader TypeScript Support

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
  2. Interface API document address

Example renderings

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

Search page, search results hot singers page Music playing New song list Comment

Introduction to interface and function module

Personal page

  • login
  • Play history
  • My radio station
  • My star
  • Focus on new songs
  • My music
  • My favorite music

Default page(Music Hall)

  • banner Rotation chart
  • Recommended song list
  • New dish
  • Recommended new music
  • Recommended radio station
  • Ranking List
  • Recommended programs
  • Recommended MV

Search page

  • Hot search list
  • History
  • Singer classification
  • Search input box function

Search result

  • Search results navigation
  • Comprehensive
  • Single
  • Video
  • Singer
  • Album
  • Song sheet
  • Radio station
  • Uiser

Singer details

  • Home page
  • Album
  • Mv

Comment interface

  • Comment like, cancel like
  • Comment
  • Reply to comments
  • Copy comments
  • Delete comment

Play music

  • Play
  • Play up and down
  • Slide to switch playback
  • Play mode
  • Play list
  • Star Song sheet
  • Delete playlist
  • Download currently playing music
  • 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

Download Details:

Author: lang1427

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

#vuejs #javascript #vue-js #vue

Vue TypeScript Better Music Webapp
5.60 GEEK