feat: 配置10096端口并添加一键部署脚本
This commit is contained in:
39
README.md
39
README.md
@@ -10,6 +10,27 @@ QZMusic 网页版,基于 Vue 3 + TypeScript + Vite 构建的音乐播放器。
|
|||||||
- 🎚️ 音量控制
|
- 🎚️ 音量控制
|
||||||
- 📊 音频可视化(基于 Web Audio API)
|
- 📊 音频可视化(基于 Web Audio API)
|
||||||
- 🔍 搜索功能
|
- 🔍 搜索功能
|
||||||
|
- 🌐 默认端口:10096
|
||||||
|
|
||||||
|
## 快速开始
|
||||||
|
|
||||||
|
### 一键部署(推荐)
|
||||||
|
|
||||||
|
```bash
|
||||||
|
# 使用一键部署脚本
|
||||||
|
npm run deploy
|
||||||
|
# 或者直接运行
|
||||||
|
./deploy.sh
|
||||||
|
```
|
||||||
|
|
||||||
|
### 一键启动
|
||||||
|
|
||||||
|
```bash
|
||||||
|
# 使用启动脚本
|
||||||
|
npm run start
|
||||||
|
# 或者直接运行
|
||||||
|
./start.sh
|
||||||
|
```
|
||||||
|
|
||||||
## 开发
|
## 开发
|
||||||
|
|
||||||
@@ -25,12 +46,30 @@ npm install
|
|||||||
npm run dev
|
npm run dev
|
||||||
```
|
```
|
||||||
|
|
||||||
|
服务器将在 http://localhost:10096 启动
|
||||||
|
|
||||||
### 构建生产版本
|
### 构建生产版本
|
||||||
|
|
||||||
```bash
|
```bash
|
||||||
npm run build
|
npm run build
|
||||||
```
|
```
|
||||||
|
|
||||||
|
### 预览生产构建
|
||||||
|
|
||||||
|
```bash
|
||||||
|
npm run preview
|
||||||
|
```
|
||||||
|
|
||||||
|
## 脚本说明
|
||||||
|
|
||||||
|
| 命令 | 说明 |
|
||||||
|
|------|------|
|
||||||
|
| `npm run dev` | 启动开发服务器(端口 10096) |
|
||||||
|
| `npm run build` | 构建生产版本 |
|
||||||
|
| `npm run preview` | 预览生产构建(端口 10096) |
|
||||||
|
| `npm run deploy` | 一键部署(安装依赖 + 构建) |
|
||||||
|
| `npm run start` | 一键启动(自动安装依赖 + 启动开发服务器) |
|
||||||
|
|
||||||
## 项目结构
|
## 项目结构
|
||||||
|
|
||||||
```
|
```
|
||||||
|
|||||||
63
deploy.sh
Executable file
63
deploy.sh
Executable file
@@ -0,0 +1,63 @@
|
|||||||
|
#!/bin/bash
|
||||||
|
|
||||||
|
# QZMusic-Web 一键部署脚本
|
||||||
|
# 端口:10096
|
||||||
|
|
||||||
|
echo "=========================================="
|
||||||
|
echo " QZMusic-Web 一键部署"
|
||||||
|
echo "=========================================="
|
||||||
|
echo ""
|
||||||
|
|
||||||
|
# 检查Node.js是否安装
|
||||||
|
if ! command -v node &> /dev/null; then
|
||||||
|
echo "❌ Node.js 未安装!请先安装 Node.js"
|
||||||
|
exit 1
|
||||||
|
fi
|
||||||
|
|
||||||
|
echo "✅ Node.js 版本: $(node -v)"
|
||||||
|
|
||||||
|
# 检查npm是否安装
|
||||||
|
if ! command -v npm &> /dev/null; then
|
||||||
|
echo "❌ npm 未安装!"
|
||||||
|
exit 1
|
||||||
|
fi
|
||||||
|
|
||||||
|
echo "✅ npm 版本: $(npm -v)"
|
||||||
|
echo ""
|
||||||
|
|
||||||
|
# 安装依赖
|
||||||
|
echo "📦 正在安装依赖..."
|
||||||
|
npm install
|
||||||
|
|
||||||
|
if [ $? -ne 0 ]; then
|
||||||
|
echo "❌ 依赖安装失败!"
|
||||||
|
exit 1
|
||||||
|
fi
|
||||||
|
|
||||||
|
echo "✅ 依赖安装成功!"
|
||||||
|
echo ""
|
||||||
|
|
||||||
|
# 构建项目
|
||||||
|
echo "🔨 正在构建项目..."
|
||||||
|
npm run build
|
||||||
|
|
||||||
|
if [ $? -ne 0 ]; then
|
||||||
|
echo "❌ 构建失败!"
|
||||||
|
exit 1
|
||||||
|
fi
|
||||||
|
|
||||||
|
echo "✅ 项目构建成功!"
|
||||||
|
echo ""
|
||||||
|
|
||||||
|
echo "=========================================="
|
||||||
|
echo " 部署完成!"
|
||||||
|
echo "=========================================="
|
||||||
|
echo ""
|
||||||
|
echo "📂 构建产物目录: ./dist"
|
||||||
|
echo ""
|
||||||
|
echo "🚀 启动方式:"
|
||||||
|
echo " 开发模式: npm run dev"
|
||||||
|
echo " 预览模式: npm run preview"
|
||||||
|
echo ""
|
||||||
|
echo "🌐 访问地址: http://localhost:10096"
|
||||||
|
echo ""
|
||||||
@@ -8,7 +8,9 @@
|
|||||||
"scripts": {
|
"scripts": {
|
||||||
"dev": "vite",
|
"dev": "vite",
|
||||||
"build": "vue-tsc && vite build",
|
"build": "vue-tsc && vite build",
|
||||||
"preview": "vite preview"
|
"preview": "vite preview --port 10096 --host",
|
||||||
|
"deploy": "./deploy.sh",
|
||||||
|
"start": "./start.sh"
|
||||||
},
|
},
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"@applemusic-like-lyrics/core": "^0.2.0",
|
"@applemusic-like-lyrics/core": "^0.2.0",
|
||||||
|
|||||||
27
start.sh
Executable file
27
start.sh
Executable file
@@ -0,0 +1,27 @@
|
|||||||
|
#!/bin/bash
|
||||||
|
|
||||||
|
# QZMusic-Web 启动脚本
|
||||||
|
# 端口:10096
|
||||||
|
|
||||||
|
echo "=========================================="
|
||||||
|
echo " 启动 QZMusic-Web"
|
||||||
|
echo "=========================================="
|
||||||
|
echo ""
|
||||||
|
|
||||||
|
# 检查是否已安装依赖
|
||||||
|
if [ ! -d "node_modules" ]; then
|
||||||
|
echo "📦 依赖未安装,正在安装..."
|
||||||
|
npm install
|
||||||
|
if [ $? -ne 0 ]; then
|
||||||
|
echo "❌ 依赖安装失败!"
|
||||||
|
exit 1
|
||||||
|
fi
|
||||||
|
fi
|
||||||
|
|
||||||
|
echo "🚀 正在启动开发服务器..."
|
||||||
|
echo "🌐 访问地址: http://localhost:10096"
|
||||||
|
echo ""
|
||||||
|
echo "按 Ctrl+C 停止服务器"
|
||||||
|
echo ""
|
||||||
|
|
||||||
|
npm run dev
|
||||||
@@ -21,7 +21,8 @@ export default defineConfig({
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
server: {
|
server: {
|
||||||
port: 3000,
|
port: 10096,
|
||||||
|
host: '0.0.0.0',
|
||||||
open: false
|
open: false
|
||||||
},
|
},
|
||||||
build: {
|
build: {
|
||||||
|
|||||||
Reference in New Issue
Block a user