基于 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开发文档

项目预览

  • 接入扫码登录接口,实现真实登录网易云音乐
  • 项目提供了暗黑主题 等多主题样式切换功能
相关推荐
攀登的牵牛花几秒前
前端向架构突围系列 - 框架设计(四):依赖倒置原则(DIP)
前端·架构
程序员爱钓鱼8 分钟前
Node.js 编程实战:测试与调试 —— 日志与监控方案
前端·后端·node.js
计算机学姐14 分钟前
基于SpringBoot的汉服租赁系统【颜色尺码套装+个性化推荐算法+数据可视化统计】
java·vue.js·spring boot·后端·mysql·信息可视化·推荐算法
+VX:Fegn089515 分钟前
计算机毕业设计|基于springboot + vue建筑材料管理系统(源码+数据库+文档)
数据库·vue.js·spring boot·后端·课程设计
Mapmost17 分钟前
数字孪生项目效率翻倍!AI技术实测与场景验证实录
前端
小酒星小杜21 分钟前
在AI时代,技术人应该每天都要花两小时来构建一个自身的构建系统-Input篇
前端·程序员·架构
雪碧聊技术22 分钟前
ElementPlus徽章组件:展示日期面板每天未完成的待办数量
vue.js·日期选择器·elementplus·el-badge徽章组件
Cache技术分享29 分钟前
290. Java Stream API - 从文本文件的行创建 Stream
前端·后端
陈_杨31 分钟前
前端成功转鸿蒙开发者真实案例,教大家如何开发鸿蒙APP--ArkTS 卡片开发完全指南
前端·harmonyos
小杨同学4937 分钟前
C 语言实战:枚举类型实现数字转星期(输入 1~7 对应星期几)
前端·后端