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

项目预览

  • 接入扫码登录接口,实现真实登录网易云音乐
  • 项目提供了暗黑主题 等多主题样式切换功能
相关推荐
yzzzzzzzzzzzzzzzzz13 分钟前
初识javascript
前端·javascript
excel1 小时前
硬核 DOM2/DOM3 全解析:从命名空间到 Range,前端工程师必须掌握的底层知识
前端
专注API从业者8 小时前
Python + 淘宝 API 开发:自动化采集商品数据的完整流程
大数据·运维·前端·数据挖掘·自动化
烛阴9 小时前
TypeScript高手密技:解密类型断言、非空断言与 `const` 断言
前端·javascript·typescript
样子201810 小时前
Uniapp 之renderjs解决swiper+多个video卡顿问题
前端·javascript·css·uni-app·html
Nicholas6810 小时前
flutterAppBar之SystemUiOverlayStyle源码解析(一)
前端
黑客飓风10 小时前
JavaScript 性能优化实战大纲
前端·javascript·性能优化
emojiwoo12 小时前
【前端基础知识系列六】React 项目基本框架及常见文件夹作用总结(图文版)
前端·react.js·前端框架
张人玉12 小时前
XML 序列化与操作详解笔记
xml·前端·笔记
杨荧12 小时前
基于Python的宠物服务管理系统 Python+Django+Vue.js
大数据·前端·vue.js·爬虫·python·信息可视化