Vue Music

screenshot of Vue Music
vue
scss

基于vue2.0的网易云音乐播放器,api来自于NeteaseCloudMusicApi,v2.0为最新版本

Overview

The vue-music application represents an exciting new direction for music streaming apps, modeled closely after the popular Netease Cloud Music iOS interface. As the development has recently transitioned to version 3.0, it promises a more robust experience than its predecessor, which had difficulty maintaining its code. This latest iteration is designed to help developers avoid past pitfalls and improve the reliability of the application overall.

The project allows users to delve into the world of Vue.js with a functional music player that utilizes the NeteaseCloudMusicApi. With straightforward setup instructions, both novice and seasoned developers can quickly dive into building a modern music application.

Features

  • User-Friendly Interface: The UI mimics the Netease Cloud Music iOS app, providing an intuitive experience for users familiar with that platform.

  • Modern Codebase: Built on Vue.js 3.0, it offers a fresh and optimized code structure that is actively maintained.

  • Easy Installation Steps: The installation process is simplified, requiring only a few commands to get the application running smoothly.

  • Pug Template Engine: Integration of the Pug template engine makes writing HTML more efficient and less cumbersome, enhancing developer productivity.

  • Active Development: As the project is still in progress, users can expect ongoing updates and improvements based on user feedback.

  • API Integration: The app communicates with the NeteaseCloudMusicApi, allowing it to access a vast library of music easily.

  • Support for Multiple Versions: For those interested in older iterations, the option to switch to v1.0 ensures that developers can review past progress and code evolution.

vue
Vue

Vue.js is a lightweight and flexible JavaScript framework that allows developers to easily build dynamic and reactive user interfaces. Its intuitive syntax, modular architecture, and focus on performance make it a popular choice for modern web development.

scss
SCSS

SCSS is a preprocessor scripting language that extends the capabilities of CSS by adding features such as variables, nesting, and mixins. It allows developers to write more efficient and maintainable CSS code, and helps to streamline the development process by reducing repetition and increasing reusability.

Pug

Pug is a high-performance template engine for Node.js and browsers that enables developers to write HTML templates using a concise and intuitive syntax. It supports a range of features, including template inheritance, conditionals, loops, mixins, and more, and can be easily integrated into a variety of web frameworks and build tools.