大家好，我是 Java陳序員。
今天，給大家介紹一個基于 Vue 全家桶實(shí)現(xiàn)的“網(wǎng)易云”播放器。
關(guān)注微信公眾號：【Java陳序員】，獲取開源項(xiàng)目分享、AI副業(yè)分享、超200本經(jīng)典計(jì)算機(jī)電子書籍等。
項(xiàng)目介紹
YesPlayMusic —— 一款高顏值的第三方網(wǎng)易云播放器，支持 Windows / macOS / Linux。
功能特色：
項(xiàng)目截圖
項(xiàng)目部署
1、拉取代碼
git clone https://github.com/qier222/YesPlayMusic.git
2、安裝依賴
yarn install
3、修改配置文件
復(fù)制 /.env.example 文件為 /.env，修改里面 VUE_APP_NETEASE_API_URL 的值為網(wǎng)易云 API 地址
VUE_APP_NETEASE_API_URL=http://localhost:3000
如有跨域問題，可以使用 Nginx 反向代理 API，將 API 路徑映射為 /api.
4、本地運(yùn)行
yarn serve
5、編譯打包
yarn run build
6、部署到服務(wù)器
將打包生成的 dist 文件夾上傳到服務(wù)器，并使用 Nginx 進(jìn)行配置訪問。
server {
listen 8080;
server_name xxx.com;
location / {
root /data/software/YesPlayMusic/dist;
index index.html;
}
}
7、客戶端打包
# 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
項(xiàng)目地址：
https://github.com/qier222/YesPlayMusic
在線體驗(yàn)：
https://music.qier222.com/
最后
推薦的開源項(xiàng)目已經(jīng)收錄到 GitHub 項(xiàng)目，歡迎 Star：
https://github.com/chenyl8848/great-open-source-project
或者訪問網(wǎng)站，進(jìn)行在線瀏覽：文章來源：http://www.zghlxwxcb.cn/news/detail-848734.html
https://chencoding.top:8090/#/
大家的點(diǎn)贊、收藏和評論都是對作者的支持，如文章對你有幫助還請點(diǎn)贊轉(zhuǎn)發(fā)支持下，謝謝！文章來源地址http://www.zghlxwxcb.cn/news/detail-848734.html
到了這里，關(guān)于一款高顏值的第三方網(wǎng)易云播放器的文章就介紹完了。如果您還想了解更多內(nèi)容，請?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
