一款高颜值的第三方网易云播放器

一款高颜值的第三方网易云播放器

大家好,我是 Java陈序员

今天,给大家介绍一个基于 Vue 全家桶实现的"网易云"播放器。

关注微信公众号:【Java陈序员】,获取开源项目分享、AI副业分享、超200本经典计算机电子书籍等。

项目介绍

YesPlayMusic ------ 一款高颜值的第三方网易云播放器,支持 Windows / macOS / Linux。

功能特色:

项目截图

项目部署

1、拉取代码

bash 复制代码
git clone https://github.com/qier222/YesPlayMusic.git

2、安装依赖

bash 复制代码
yarn install

3、修改配置文件

复制 /.env.example 文件为 /.env,修改里面 VUE_APP_NETEASE_API_URL 的值为网易云 API 地址

ini 复制代码
VUE_APP_NETEASE_API_URL=http://localhost:3000

如有跨域问题,可以使用 Nginx 反向代理 API,将 API 路径映射为 /api.

4、本地运行

bash 复制代码
yarn serve

5、编译打包

bash 复制代码
yarn run build

6、部署到服务器

将打包生成的 dist 文件夹上传到服务器,并使用 Nginx 进行配置访问。

bash 复制代码
server {
    listen 8080;
    server_name xxx.com; 
    location / {
        root /data/software/YesPlayMusic/dist;
        index index.html;
    }
}

7、客户端打包

bash 复制代码
# Windows 32 位
yarn electron:build --windows nsis:ia32

# Windows ARM
yarn electron:build --windows nsis:arm64

# Debian armv7l(树莓派等)
yarn electron:build --linux deb:armv7l

# macOS ARM
yarn electron:build --macos dir:arm64

项目地址:

arduino 复制代码
https://github.com/qier222/YesPlayMusic

在线体验:

arduino 复制代码
https://music.qier222.com/

最后

推荐的开源项目已经收录到 GitHub 项目,欢迎 Star

bash 复制代码
https://github.com/chenyl8848/great-open-source-project

或者访问网站,进行在线浏览:

bash 复制代码
https://chencoding.top:8090/#/

大家的点赞、收藏和评论都是对作者的支持,如文章对你有帮助还请点赞转发支持下,谢谢!

相关推荐
yume_sibai9 小时前
Element Plus 数据展示组件完全指南(15个核心组件)
前端·javascript·vue.js
八角丶14 小时前
Node 网络编程 —— TLS 模块
javascript·后端·node.js
weixin_4225554217 小时前
el-menu子菜单点击就被激活,恢复之前的激活状态
javascript·vue.js·elementui
嘿嘿-6618 小时前
Cherry Studio 接入ChatGpt:GPT-5.6 Sol 文本测试与 GPT-Image-2 出图教程
人工智能·gpt·ai·chatgpt·node.js·ai编程
大牧师18 小时前
TypeORM 学习教程
数据库·sql·学习·node.js·orm·nest.js·typeorm
honkun620 小时前
vue 表格组件 vxe-table 实现拖拽列字段自动生成透视表汇总
前端·javascript·vue.js
逻辑020 小时前
安装 Claude Code 完整指南(用户级 Node.js 环境)
node.js·claude code
Wang's Blog20 小时前
Vibe Coding一人即团队系列54:云服务器 Node.js 与 MySQL 9 环境搭建及配置指南
服务器·人工智能·mysql·node.js
leoZ23120 小时前
第 4 篇:布局骨架——页面壳、栅格、卡片
前端·javascript·vue.js·opencv·计算机视觉·数据挖掘·语音识别
何以解忧,唯有..20 小时前
Vue 3 模板语法详解:从插值到指令的完整指南
前端·javascript·vue.js