Vue TypeScript Better Music Webapp

Vue TypeScript Better Music Webapp

Vue TypeScript Better Music Webapp .Based on vue's music project (Music project) vue+typescript to achieve high imitation NetEase cloud music mobile terminal WebApp


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


Online access address

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


vuejs javascript vue-js vue

Bootstrap 5 Complete Course with Examples

Bootstrap 5 Tutorial - Bootstrap 5 Crash Course for Beginners

Nest.JS Tutorial for Beginners

Hello Vue 3: A First Look at Vue 3 and the Composition API

Building a simple Applications with Vue 3

Deno Crash Course: Explore Deno and Create a full REST API with Deno

How to Build a Real-time Chat App with Deno and WebSockets

Convert HTML to Markdown Online

HTML entity encoder decoder Online

8 Popular Websites That Use The Vue.JS Framework

In this article, we are going to list out the most popular websites using Vue JS as their frontend framework. Vue JS is one of those elite progressive JavaScript frameworks that has huge demand in the web development industry. Many popular websites are developed using Vue in their frontend development because of its imperative features.

Vue ShortKey plugin for Vue.js

Vue-ShortKey - The ultimate shortcut plugin to improve the UX .Vue-ShortKey - plugin for VueJS 2.x accepts shortcuts globaly and in a single listener.

A Vue.js wrapper component for Grid.js

A Vue wrapper component for Grid.js. Grid.js is a Free and open-source HTML table plugin written in TypeScript. It works with most JavaScript frameworks.

Vue.js image clipping Components using Vue-Rx

vuejs-clipper .Vue.js image clipping components using Vue-Rx. Add image clipping components to your Vue application in nothing flat. Touch devices supported and fully responsive.

Vue.js Web App Development | Skenix Infotech

Our expert Vue.js developers follows Agile methodology that delivers high-quality & affordable Vue.js services. Hire Vue.js Developer from Skenix Infotech.