如何在电脑端部署概念音乐教程酷狗概念版

在电脑端部署概念音乐完整部署保姆级教

注意：本项目仅用于学习、研究和个人技术交流。请尊重音乐版权和相关平台规则，不要将本项目用于商业用途或任何违法违规场景。使用过程中产生的账号、版权、网络或第三方接口风险由使用者自行承担。

仓库地址：https://github.com/liovoz/concept-music
适配系统：Windows10/11，全程解决GitHub慢、依赖报错、跨域、接口配置问题

 

一、提前安装2个必备软件（缺一不可）
1. 安装 Git
2. 下载地址：https://git-scm.com/download/win

3. 安装要点：直接无脑下一步，全程默认，即可安装完成
4. 校验是否装好：

电脑端CMD

按下  Win+R  输入  cmd  回车，输入下面这个命令：
git --version
 出现版本号表明安装成功了

5. 安装 Node.js 
6. 官网下载18长期支持版：https://nodejs.org/

7.进入上面这个官网按我的步骤一步一步来

 

 

8. 安装直接无脑下一步，他这里会自动配置环境变量，不用管
9. cmd命令校验是否已安装成功
node -v
npm -v

 这个是安装成功的界面

二、加速克隆代码（国内直连GitHub很慢，这里用镜像）
1. 在桌面新建文件夹，命名  music-project 

 

2. 进入文件夹，空白处按住  Shift  + 鼠标右键 → 在此处打开CMD

 

3. 执行加速克隆命令（不会超时），这里我之前操作过啦就不再演示了
git clone https://mirror.ghproxy.com/https://github.com/liovoz/concept-music.git

成功后空白文件夹里会出现下面这些文件

 然后文件夹点进去也是有内容的，没有的话，删掉重试几下

 

4. 进入项目文件夹

当前页面继续输入下面命令进入这个文件夹
cd concept-music
 

 这就表明已经进去了

三、配置npm国内镜像，解决依赖下载卡住
1.复制下面这个命令配置国内镜像
npm config set registry https://registry.npmmirror.com

这个不成功的话换官方源

git clone https://github.com/liovoz/concept-music.git

2.下载后输入下面这个命令验证是否切换成功
npm config get registry

 出现这个网址就说明成功了

四、安装项目全部依赖
1.输入下面这个命令
npm install

 安装界面是这样子的，等待3-5分钟安装完成

2.报错处理：管理员cmd执行  npm cache clean --force  后重新安装
还不行的话可以把报错内容复制下来问一下千问即可解决

五、配置环境文件（在线听歌核心步骤）
1. cmd执行复制模板配置文件
copy vite.config.js .env
2. 用记事本打开文件夹里的  .env  文件

 这个就是创建的，我这里是无冲突就没有修改端口号

关键配置说明
env
# 本地访问端口，被占用就改成3001
PORT=3000

六、启动项目

我们直接用打包模式简单、无脑、流畅，适合长期使用

在这个目录下输入命令
1. 打包资源
npm run build

 出现这些就表示打包成功

2.再启动服务
npm run start

 出现这个就表示服务器启动成功了

 恭喜你，你已经独自部署啦一个本地酷狗音乐概念版播放器环境，可以开启听歌之旅了

 

 

 

七、一键懒人脚本（不用手动输命令）
什么？你说我不想每天CMD手动书代码，只想无脑点击启动怎么办，别慌有的兄弟
1. 在  music-project  文件夹新建文本文档

 

2. 粘贴下方代码，保存后把后缀  .txt  改为  start.bat 

粘贴下面这些代码

@echo off

npm run start
pause

3. 改成自己喜欢的名字双击直接全自动部署、启动

 

 

 然后听歌时点击一下即可进入听歌页面