Yeomai/SpineParticlesWeb
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

一键启动停止项目

Browse Source
This commit is contained in:
tianmo
2026-09-02 10:24:48 +08:00
parent 96ee180564
commit 88cdcdfb02
11 changed files with 233 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
.gitignore
+1
View File
@@ -15,6 +15,7 @@ vite.config.d.ts
.vite/ .vite/
.cache/ .cache/
coverage/ coverage/
/.run/
# Logs # Logs
*.log *.log
npm-debug.log* npm-debug.log*
dist/assets/index-nUMfzhFe.css → dist/assets/index-CSwdbBmn.css
Vendored
+1 -1
View File
File diff suppressed because one or more lines are too long
dist/assets/index-DujVfZi9.js → dist/assets/index-CnGkEkb-.js
Vendored
+2 -2
View File
File diff suppressed because one or more lines are too long
dist/index.html
Vendored
+2 -2
View File
@@ -8,8 +8,8 @@
html, body { margin: 0; padding: 0; background: #111; color: #eee; font-family: system-ui, -apple-system, sans-serif; } html, body { margin: 0; padding: 0; background: #111; color: #eee; font-family: system-ui, -apple-system, sans-serif; }
#app { display: flex; flex-direction: column; height: 100vh; } #app { display: flex; flex-direction: column; height: 100vh; }
</style> </style>
<script type="module" crossorigin src="/assets/index-DujVfZi9.js"></script> <script type="module" crossorigin src="/assets/index-CnGkEkb-.js"></script>
<link rel="stylesheet" crossorigin href="/assets/index-nUMfzhFe.css"> <link rel="stylesheet" crossorigin href="/assets/index-CSwdbBmn.css">
</head> </head>
<body> <body>
<div id="app"></div> <div id="app"></div>
src/store/particleStore.ts
+1 -1
View File
@@ -132,7 +132,7 @@ export const useParticleStore = defineStore('particle', {
// 与 Spine 编辑器默认时间基准对齐：1 秒 = 30 帧。 // 与 Spine 编辑器默认时间基准对齐：1 秒 = 30 帧。
timeline: { playing: true, loop: true, frame: 0, totalFrames: 60, fps: 30, recorded: false, animation: 'animation', animations: ['animation'] } as TimelineState, timeline: { playing: true, loop: true, frame: 0, totalFrames: 60, fps: 30, recorded: false, animation: 'animation', animations: ['animation'] } as TimelineState,
settings: { settings: {
parameterPanelOnRight: false, parameterPanelOnRight: true,
tickEnabled: false, tickEnabled: false,
axisFontSize: 12, axisFontSize: 12,
tickWidth: 1, tickWidth: 1,
src/views/ParticlePanel.vue
+1 -1
View File
@@ -1,7 +1,7 @@
<template> <template>
<div class="panel"> <div class="panel">
<div class="panel-header"> <div class="panel-header">
<span>Spine粒子编辑器</span> <span>Spine粒子编辑器-Yeomai</span>
</div> </div>
<div class="panel-scroll"> <div class="panel-scroll">
src/views/Stage.vue
+1 -1
View File
@@ -209,7 +209,7 @@ const canvasFocused = ref(false)
function toggleTool(t: '' | 'translate' | 'rotate' | 'scale') { activeTool.value = activeTool.value === t ? '' : t } function toggleTool(t: '' | 'translate' | 'rotate' | 'scale') { activeTool.value = activeTool.value === t ? '' : t }
if (!(store.settings.undoLimit > 0)) store.settings.undoLimit = 20 if (!(store.settings.undoLimit > 0)) store.settings.undoLimit = 20
if (store.settings.parameterPanelOnRight == null) store.settings.parameterPanelOnRight = false if (store.settings.parameterPanelOnRight == null) store.settings.parameterPanelOnRight = true
if (!Number.isFinite(store.settings.backgroundX)) store.settings.backgroundX = 0 if (!Number.isFinite(store.settings.backgroundX)) store.settings.backgroundX = 0
if (!Number.isFinite(store.settings.backgroundY)) store.settings.backgroundY = 0 if (!Number.isFinite(store.settings.backgroundY)) store.settings.backgroundY = 0
if (!Number.isFinite(store.settings.backgroundOpacity)) store.settings.backgroundOpacity = 1 if (!Number.isFinite(store.settings.backgroundOpacity)) store.settings.backgroundOpacity = 1
停止项目-Windows.bat
+43
View File
@@ -0,0 +1,43 @@
@echo off
chcp 65001 >nul
setlocal
set "PROJECT_DIR=%~dp0"
set "RUN_DIR=%PROJECT_DIR%.run"
set "PID_FILE=%RUN_DIR%\spine-particle-windows.pid"
cd /d "%PROJECT_DIR%"
if not exist "%PID_FILE%" (
echo 没有发现由“启动项目-Windows.bat”启动的项目进程。
exit /b 0
)
set /p SERVER_PID=<"%PID_FILE%"
powershell -NoProfile -Command ^
"$process=Get-CimInstance Win32_Process -Filter ('ProcessId = ' + $env:SERVER_PID) -ErrorAction SilentlyContinue;" ^
"if ($null -eq $process) { exit 2 };" ^
"$expected=(Join-Path $env:PROJECT_DIR 'node_modules\vite\bin\vite.js');" ^
"if ($process.CommandLine -notlike ('*' + $expected + '*')) { exit 3 };" ^
"Stop-Process -Id ([int]$env:SERVER_PID) -Force; exit 0"
set "STOP_RESULT=%ERRORLEVEL%"
if "%STOP_RESULT%"=="3" (
echo PID 已被其他程序占用，为避免误关进程，本次未执行停止操作。
del /q "%PID_FILE%" >nul 2>&1
pause
exit /b 1
)
del /q "%PID_FILE%" >nul 2>&1
if "%STOP_RESULT%"=="2" (
echo 项目已经停止。
) else if "%STOP_RESULT%"=="0" (
echo 项目已停止。
) else (
echo 停止项目失败，请检查 PowerShell 权限。
pause
exit /b 1
)
exit /b 0
停止项目.command
Executable
+46
View File
@@ -0,0 +1,46 @@
#!/bin/zsh
set -u
PROJECT_DIR="${0:A:h}"
RUN_DIR="$PROJECT_DIR/.run"
PID_FILE="$RUN_DIR/spine-particle.pid"
cd "$PROJECT_DIR" || exit 1
if [[ ! -f "$PID_FILE" ]]; then
echo "没有发现由“启动项目.command”启动的项目进程。"
exit 0
fi
SERVER_PID="$(tr -dc '0-9' < "$PID_FILE")"
if [[ -z "$SERVER_PID" ]] || ! kill -0 "$SERVER_PID" 2>/dev/null; then
rm -f "$PID_FILE"
echo "项目已经停止。"
exit 0
fi
SERVER_COMMAND="$(ps -p "$SERVER_PID" -o command= 2>/dev/null || true)"
if [[ "$SERVER_COMMAND" != *"$PROJECT_DIR/node_modules/vite/"* ]]; then
echo "PID 已被其他程序占用，为避免误关进程，本次未执行停止操作。"
echo "当前进程：$SERVER_COMMAND"
rm -f "$PID_FILE"
read "?按回车键关闭窗口..."
exit 1
fi
echo "正在停止 Spine粒子编辑器..."
kill "$SERVER_PID" 2>/dev/null || true
for _ in {1..20}; do
if ! kill -0 "$SERVER_PID" 2>/dev/null; then
rm -f "$PID_FILE"
echo "项目已停止。"
exit 0
fi
sleep 0.1
done
echo "普通停止未响应，正在强制结束该项目进程..."
kill -KILL "$SERVER_PID" 2>/dev/null || true
rm -f "$PID_FILE"
echo "项目已停止。"
启动项目-Windows.bat
+71
View File
@@ -0,0 +1,71 @@
@echo off
chcp 65001 >nul
setlocal
set "PROJECT_DIR=%~dp0"
set "RUN_DIR=%PROJECT_DIR%.run"
set "PID_FILE=%RUN_DIR%\spine-particle-windows.pid"
set "OUT_LOG=%RUN_DIR%\spine-particle-windows.log"
set "ERROR_LOG=%RUN_DIR%\spine-particle-windows-error.log"
set "PROJECT_URL=http://127.0.0.1:5173/"
if not exist "%RUN_DIR%" mkdir "%RUN_DIR%"
cd /d "%PROJECT_DIR%"
if exist "%PID_FILE%" (
set /p SERVER_PID=<"%PID_FILE%"
powershell -NoProfile -Command "if (Get-Process -Id $env:SERVER_PID -ErrorAction SilentlyContinue) { exit 0 } else { exit 1 }"
if not errorlevel 1 (
echo Spine粒子编辑器已经在运行，正在打开页面：
echo %PROJECT_URL%
start "" "%PROJECT_URL%"
exit /b 0
)
del /q "%PID_FILE%" >nul 2>&1
)
where npm >nul 2>&1
if errorlevel 1 (
echo 未找到 npm，请先安装 Node.js：
echo https://nodejs.org/
pause
exit /b 1
)
if not exist "%PROJECT_DIR%node_modules\vite\bin\vite.js" (
echo 首次运行，正在安装项目依赖...
call npm install
if errorlevel 1 (
echo 依赖安装失败，请检查网络或 npm 配置。
pause
exit /b 1
)
)
echo 正在启动 Spine粒子编辑器...
powershell -NoProfile -Command ^
"$node=(Get-Command node).Source; $vite=Join-Path $env:PROJECT_DIR 'node_modules\vite\bin\vite.js';" ^
"$arguments=@($vite,'--host','127.0.0.1','--port','5173','--strictPort');" ^
"$process=Start-Process -FilePath $node -ArgumentList $arguments -WorkingDirectory $env:PROJECT_DIR -RedirectStandardOutput $env:OUT_LOG -RedirectStandardError $env:ERROR_LOG -WindowStyle Hidden -PassThru;" ^
"Set-Content -Path $env:PID_FILE -Value $process.Id -Encoding ascii"
if errorlevel 1 (
echo 项目启动失败。
pause
exit /b 1
)
set /p SERVER_PID=<"%PID_FILE%"
timeout /t 2 /nobreak >nul
powershell -NoProfile -Command "if (Get-Process -Id $env:SERVER_PID -ErrorAction SilentlyContinue) { exit 0 } else { exit 1 }"
if errorlevel 1 (
echo 项目启动失败，错误日志如下：
if exist "%ERROR_LOG%" type "%ERROR_LOG%"
del /q "%PID_FILE%" >nul 2>&1
pause
exit /b 1
)
echo 启动成功：%PROJECT_URL%
start "" "%PROJECT_URL%"
exit /b 0
启动项目.command
Executable
+64
View File
@@ -0,0 +1,64 @@
#!/bin/zsh
set -u
PROJECT_DIR="${0:A:h}"
RUN_DIR="$PROJECT_DIR/.run"
PID_FILE="$RUN_DIR/spine-particle.pid"
LOG_FILE="$RUN_DIR/spine-particle.log"
URL="http://127.0.0.1:5173/"
mkdir -p "$RUN_DIR"
cd "$PROJECT_DIR" || exit 1
if [[ -f "$PID_FILE" ]]; then
RUNNING_PID="$(tr -dc '0-9' < "$PID_FILE")"
if [[ -n "$RUNNING_PID" ]] && kill -0 "$RUNNING_PID" 2>/dev/null; then
echo "Spine粒子编辑器已经在运行，正在打开页面："
echo "$URL"
open "$URL"
exit 0
fi
rm -f "$PID_FILE"
fi
if ! command -v npm >/dev/null 2>&1; then
echo "未找到 npm，请先安装 Node.js。"
echo "https://nodejs.org/"
read "?按回车键关闭窗口..."
exit 1
fi
if [[ ! -x "$PROJECT_DIR/node_modules/.bin/vite" ]]; then
echo "首次运行，正在安装项目依赖..."
npm install || {
echo "依赖安装失败，请检查网络或 npm 配置。"
read "?按回车键关闭窗口..."
exit 1
}
fi
echo "正在启动 Spine粒子编辑器..."
nohup "$PROJECT_DIR/node_modules/.bin/vite" --host 127.0.0.1 --port 5173 --strictPort > "$LOG_FILE" 2>&1 &
SERVER_PID=$!
echo "$SERVER_PID" > "$PID_FILE"
for _ in {1..60}; do
if ! kill -0 "$SERVER_PID" 2>/dev/null; then
echo "项目启动失败，日志如下："
tail -n 30 "$LOG_FILE"
rm -f "$PID_FILE"
read "?按回车键关闭窗口..."
exit 1
fi
if curl -fsS "$URL" >/dev/null 2>&1; then
echo "启动成功：$URL"
open "$URL"
exit 0
fi
sleep 0.25
done
echo "项目启动超时，请查看日志：$LOG_FILE"
read "?按回车键关闭窗口..."
exit 1