# vue_pc_music

**Repository Path**: anlinxi/vue_pc_music

## Basic Information

- **Project Name**: vue_pc_music
- **Description**: 集成了electron框架的VUE网易云音乐项目，可以打包为web(html5)或者使用electron打包运行到windows，mac、linux等系统
- **Primary Language**: JavaScript
- **License**: GPL-3.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 2
- **Forks**: 1
- **Created**: 2023-03-21
- **Last Updated**: 2024-12-03

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 基于网易云音乐API实现PC端音乐网站

### 项目依赖

本项目基于[网易云音乐PC端音乐Vue 3.0 改版](https://gitee.com/trtst/vue3-music)改造而来，前端ui风格都一致。

#### 介绍
采用VUE及网易云音乐

#### 安装教程
1、clone下vue代码后，安装依赖 npm install ，运行服务npm run serve 

2、使用electron框架请运行cnpm run electron:serve

#### 使用说明

需搭配[linux音乐中心](http://www.anlinxi.top:30000/an/linux-audio-center.git)后台使用

启动音乐中心后台后，在登录时填入后台地址进行登录。

登录名admin密码6个6

#### 特性化功能

1、集成了electron框架，可以打包运行到windows，mac、linux等系统上。支持国产系统deepin、uos和麒麟等
也支持arm64的树莓派系统。使用打包命令cnpm run electron:build即可

2、项目也可以npm run build打包为html5，和后台一起在网页上使用。


#### 本项目开源且不作任何商业用途

#### 开源社区支持

项目基本上是属于[网易云音乐PC端音乐Vue 3.0 改版](https://gitee.com/trtst/vue3-music)的二次开发，同时也感谢网易云音乐API等开源项目提供的资料

#### 项目效果图


##### 统信UOS和树莓派4b(arm64)上运行
| ![树莓派4b上运行](http://tx.anlinxi.top/h5project/image/vue_music_pc/raspi.jpg)  | ![统信UOS上运行](http://tx.anlinxi.top/h5project/image/vue_music_pc/uos.png)  |
|---|---|

### electron框架arm64(树莓派，国产系统)打包说明

使用 electron-builder 打包时需要用到 fpm 包，但 fpm 包 npm 仓库源中仅有 X86_64 架
构的包，没有其他架构的包，打包时会有报错

我们可以从系统源中安装 ruby，然后使用 gem install fpm 来安装 fpm，然后设置全局
变量，使用系统 fpm。具体操作方法如下：
~~~ shell
sudo apt update
sudo apt install ruby -y
sudo gem install fpm
export USE_SYSTEM_FPM="true"
~~~
然后再次开始打包吧~

已经在树莓派4b上打包成功了。其他架构系统和问题详见[银河麒麟桌面操作系统 V10
Electron 应用开发者指南](https://eco.kylinos.cn/document/science.html)这个文档吧

#### 打包文件发布
初步版本发布在[这里](http://www.anlinxi.top:5000/sharing/8zFyrYwSA)，包含window，amd64和arm64的版本。