喜欢干净简洁音乐播放器的朋友看过来

大家好，我是晓凡。
不少程序员小伙伴都喜欢边听音乐边敲代码，尤其在一个嘈杂的环境中，一个好的想法、好的思路可能就由于一瞬间的干扰就没了。
这时，假如耳机一戴上，听着音乐能更好的集中注意力；遇到bug也能临危不乱，想出更好的解决办法；
网易云音乐，算是一个相对简洁、有趣的播放器了。
不过近些年，各种花里胡哨的功能越来越多，有些歌曲的版权也没了，可谓是让人又爱又恨。
前几天逛GitHub的时候发现了一个【高颜值的第三方网易云播放器 YesPlayMusic】推荐给大家。

一、YesPlayMusic的魅力

YesPlayMusic并不是简单的“换肤”软件，它基于网易云音乐的API，使用Vue.js全家桶开发。
实现了网易云音乐的全部焦点功能，并且去除了那些你可能根本不会用到的繁琐功能。
也没有社交功能，简简单单，干干净净，专注于听歌。
作者自称灵感来源Apple Music、YouTube Music、Spotify、网易云音乐。
所以YesPlayMusic可谓光靠其高颜值的界面设计，成功俘获了一大批用户的心。
目前在GitHub上stars已经有28.9k⭐了
界面简洁而不失优雅，功能全面而不显痴肥，对于喜欢简洁的程序员来说可谓是一个不错的选择

GitHub地址在这儿：https://github.com/qier222/YesPlayMusic
二、YesPlayMusic功能

麻雀虽小，但五脏俱全。该有不该有的功能都有，但不痴肥。
一些无用功能直接拿掉，作者还根据不同装备，不同地区做了各种适配。
可以使用网易云音乐账号登录，并将网易云音乐收藏同步过来。
下面这些功能够你用了么。

三、下载安装

作者考虑周全，做了各种操纵系统、各种装备的适配。并且发布了Electron 版本,使其在macOS、Windows、Linux都得到了适配。
有些小伙伴可能不知道Electron 是啥？
其实我们平常使用的Visual Studio Code、网易云音乐、飞书、xmind 等等都是通过Electron开发的，这下不陌生了吧。
简单来说Electron  就是通过网页技术（HTML、CSS 和 JavaScript）来快速开发跨平台桌面应用的工具。
这么在不同平台上安装呢？

• macOS 用户可以通过Homebrew 来安装：brew install --cask yesplaymusic
  
• Windows 用户可以通过 Scoop 来安装：scoop install extras/yesplaymusic
  

晓凡用的Windows操纵系统，下面就以windows为例，简单说下这么下载安装。
① 跳转到Releases页面
目前最新版本是v0.4.8版本
https://github.com/qier222/YesPlayMusic/releases

② 选择windows的exe下载即可

​
假如在 Release 页面没有找到适合你的装备的安装包的话，你可以根据下面的步骤来打包自己的客户端。

• 打包 Electron 需要用到 Node.js 和 Yarn。可前往 Node.js 官网:https://nodejs.org/zh-cn/ 下载安装包。
  安装 Node.js 后可在终端里执行 npm install -g yarn 来安装 Yarn。
  
• 使用 git clone --recursive https://github.com/qier222/YesPlayMusic.git 克隆本仓库到本地。
  
• 使用 yarn install 安装项目依赖。
  
• 复制 /.env.example 文件为 /.env 。
  
• 选择下列表格的下令来打包适合的你的安装包，打包出来的文件在 /dist_electron 目录下。了解更多信息可访问 electron-builder 文档
  

下令说明yarn electron:build --windows nsis:ia32Windows 32 位yarn electron:build --windows nsis:arm64Windows ARMyarn electron:build --linux deb:armv7lDebian armv7l（树莓派等）yarn electron:build --macos dir:arm64macOS ARM下面是晓凡安装后打开的一些截图

四、本地摆设

除了下载安装包使用，小伙伴们还可以将本项目摆设到 Vercel 或自己服务器上。
作者在项目首页一共提供了① Vercel摆设 ② 自己服务器摆设 ③ Docker 摆设 ④ Replit 摆设 四种摆设方式
至于怎么摆设，作者在GitHub上已经说得很具体了。
给出的每种摆设方式步骤都很具体，由于文章篇幅乐意，这里就不一一枚举了。
感兴趣的小伙伴自己到 https://github.com/qier222/YesPlayMusic 查看即可
五、开发新功能

假如上面的功能还不能满意你，可以在此基础上继承进行二开
克隆项目到本地，运行本项目

1. # 安装依赖
2. yarn install
4. # 创建本地环境变量
5. cp .env.example .env
7. # 运行（网页端）
8. yarn serve
10. # 运行（electron）
11. yarn electron:serve

复制代码

本期内容到这儿就结束了 ★,°:.☆(￣▽￣)/$:.°★ 。
盼望对您有所帮助
我们下期再见 ヾ(•ω•`)o   (●'◡'●)

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。