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

项目预览

  • 接入扫码登录接口,实现真实登录网易云音乐
  • 项目提供了暗黑主题 等多主题样式切换功能
相关推荐
不在逃避q42 分钟前
Trae/Vs Code/Cursor命令行无法跑npm命令
前端·arcgis·npm
夏殇之殁1 小时前
包中创建自定义列表项。 . 使用自定义列表项进行数据绑定 . 将天气预报数据保存到本地内存表,通过LiveBindings进行显示。 ...
服务器·前端·javascript
The Chosen One9851 小时前
高进度算法模板速记(待完善)
java·前端·算法
陈随易1 小时前
MoonBit抓包模块pcap,查看电脑的每一次联网通信
前端·后端·程序员
新中地GIS开发老师2 小时前
WebGIS开发学生作品|低空航天管理与航线规划系统
前端·javascript·webgis·三维gis开发
用户059540174462 小时前
大模型对话记忆持久化踩坑实录:用 Playwright 自动化测了 300 次,终于揪出会话丢失的真凶
前端·css
丙氨酸長鏈3 小时前
Web前端入门第 问:JavaScript 一个简单的 IndexedDB 数据库入门示例
前端·javascript·数据库
kyriewen3 小时前
面试官让我手写虚拟列表——AI生成的版本,快速滚动几下就白屏了
前端·javascript·面试
IT_陈寒4 小时前
Vite热更新失效?你可能漏了这个配置
前端·人工智能·后端
梅孔立4 小时前
两种免费的翻译API调用方式详解 - Edge官方API与个人缓存服务
前端·缓存·edge