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

项目预览

  • 接入扫码登录接口,实现真实登录网易云音乐
  • 项目提供了暗黑主题 等多主题样式切换功能
相关推荐
道可到6 分钟前
写了这么多代码,你真的在进步吗??—一个前端人的反思与全栈突围路线
前端
凡大来啦25 分钟前
v-for渲染的元素上使用ref
前端·javascript·vue.js
道可到27 分钟前
前端开发的生存法则:如何从“像素工人”进化为价值创造者?
前端
eggcode28 分钟前
Vue前端开发学习的简单记录
vue.js·学习
中微子38 分钟前
TypeScript 泛型与 ReturnType 详解
前端
我叫张得帅38 分钟前
从零开始的前端异世界生活--003--“探究Domain,DNS,Hosting”
前端
一大树42 分钟前
H5在不同操作系统与浏览器中的兼容性挑战及全面解决方案
前端·ios
中微子43 分钟前
TypeScript never 类型详解
前端
Strawberry_rabbit43 分钟前
路由配置中的svg图标如何匹配
前端·css
练习前端两年半43 分钟前
🔍 你真的会二分查找吗?
前端·javascript·算法