基于 Vue3 的web音乐播放器

基于 Vue3 开发的web版网易云音乐播放器

github.com/LeoJ340/vue...,欢迎star⭐

在线体验:leoj340.github.io/vue3-music/

简介

该项目是一个基于 Vite+Vue3+TypeScript+ElementPlus 开发的Web音乐播放器,界面设计参照网易云音乐的桌面客户端。使用了网红项目 网易云音乐 Node.js API service 作为后端接口服务提供动态数据。

环境要求

需要NodeJS 16+

项目安装与运行

要运行Vue3-Music项目,首先需要克隆GitHub上的代码仓库,然后进入项目目录并安装依赖。具体的步骤如下:

  1. 克隆项目代码:
bash 复制代码
git clone https://github.com/leoj340/vue3-music.git
  1. 进入项目目录并安装依赖:
bash 复制代码
 pnpm install
  1. 启动开发服务器:
bash 复制代码
pnpm run dev

同时,需要自行在本地启动 网易云音乐 Node.js API,并在 /.env.development 配置接口地址 VITE_BASE_API。

在线体验已将后端部署,如果你想自己搭建api服务,可参考网易云音乐API开发文档

项目预览

  • 接入扫码登录接口,实现真实登录网易云音乐
  • 项目提供了暗黑主题 等多主题样式切换功能
相关推荐
拾光拾趣录几秒前
CSS 深入解析:提升网页样式技巧与常见问题解决方案
前端·css
莫空00001 分钟前
深入理解JavaScript属性描述符:从数据属性到存取器属性
前端·面试
guojl2 分钟前
深度剖析Kafka读写机制
前端
FogLetter3 分钟前
图片懒加载:让网页飞起来的魔法技巧 ✨
前端·javascript·css
Mxuan3 分钟前
vscode webview 插件开发(精装篇)
前端
Mxuan4 分钟前
vscode webview 插件开发(交付篇)
前端
Mxuan5 分钟前
vscode 插件与 electron 应用跳转网页进行登录的实践
前端
拾光拾趣录6 分钟前
JavaScript 加载对浏览器渲染的影响
前端·javascript·浏览器
Codebee6 分钟前
OneCode图表配置速查手册
大数据·前端·数据可视化
然我6 分钟前
React 开发通关指南:用 HTML 的思维写 JS🚀🚀
前端·react.js·html