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-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)

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

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 - 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 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.

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.

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