Vue Netease Music
基于 Vue2、Vue-CLI3 的高仿网易云 mac 客户端播放器（PC） Online Music Player
Overview:
This is a high-fidelity music player web application inspired by the Mac client of NetEase Cloud Music, built using Vue2 and Vue-CLI3. The developer created this project to address the lack of feature-rich PC versions of online music players, especially the NetEase Cloud Music web version. The project allows users to mimic the UI of the Mac client and includes features like theme skinning, user login using NetEase Cloud Music UID, music playback functionality, and more.
Features:
- MV Page: Added in version 3.0.
- CD Page: Introduced in version 2.0.
- Search Suggestions: Provides helpful suggestions during search.
- Search Details: Allows users to view in-depth search results.
- Playback: Supports playing music, excluding copyrighted tracks.
- Discovery Page: Discover new music and trends.
- Playlist: Manage and create playlists.
- Play History: Keeps track of the user's play history.
- All Playlists: Access all available playlists.
- Playlist Details: View detailed information about a playlist.
- New Music: Stay updated with the latest music releases.
- Theme Skinning: Customize the player's appearance with different themes.
- Login: Allows user login using NetEase Cloud Music UID.
Summary:
The NetEase Cloud Music Mac client-inspired music player web application built with Vue technology offers a feature-rich experience for music enthusiasts. With elements like theme customization, user login, multiple browsing pages, and music playback capabilities, this project aims to provide a modern and interactive online music player experience.
- 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 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.
- Eslint
ESLint is a linter for JavaScript that analyzes code to detect and report on potential problems and errors, as well as enforce consistent code style and best practices, helping developers to write cleaner, more maintainable code.