以下是一个 Windows 批处理脚本，完成以下任务：

1. 运行 npm run build 打包 Vue 项目。
2. 使用 7-Zip 将生成的 dist 目录压缩成 ZIP 文件。

脚本内容

@echo off

:: 切换命令行编码为 UTF-8
chcp 65001 >nul

:: 设置环境变量
set PROJECT_DIR=C:\path\to\your\vue-project
set OUTPUT_DIR=%PROJECT_DIR%\dist
set ZIP_NAME=dist.zip
set ZIP_OUTPUT=%OUTPUT_DIR%\%ZIP_NAME%
set SEVEN_ZIP_PATH="C:\Programs\7-Zip\7z.exe"

:: 进入项目目录
cd /d %PROJECT_DIR%

:: 检查 7-Zip 是否存在
if not exist %SEVEN_ZIP_PATH% (
    echo [错误] 找不到 7-Zip 程序，请检查路径: %SEVEN_ZIP_PATH%
    pause
    exit /b 1
)

:: 打包项目
echo 正在执行 npm run build...
call npm run build
if %errorlevel% neq 0 (
    echo [错误] npm run build 失败！
    pause
    exit /b 1
)

:: 检查 dist 目录是否生成
if not exist %OUTPUT_DIR% (
    echo [错误] 打包目录 %OUTPUT_DIR% 不存在！
    pause
    exit /b 1
)

:: 压缩 dist 目录
echo 正在压缩 %OUTPUT_DIR% 到 %ZIP_OUTPUT%...
%SEVEN_ZIP_PATH% a -tzip %ZIP_OUTPUT% %OUTPUT_DIR%\*
if %errorlevel% neq 0 (
    echo [错误] 压缩失败！
    pause
    exit /b 1
)

echo 压缩成功！ZIP 文件已生成：%ZIP_OUTPUT%
pause
exit /b 0

配置说明

1. 设置路径：
   • 将 PROJECT_DIR 替换为你的 Vue 项目根目录路径。
   • 将 ZIP_OUTPUT 替换为你希望保存 ZIP 文件的目标路径。
2. 7-Zip 路径：
   • 修改 SEVEN_ZIP_PATH 为 7-Zip 的安装路径（如 C:\Program Files\7-Zip\7z.exe）。
     如果未安装 7-Zip，可以从 7-Zip 官网 下载并安装。

使用方法

1. 将上述脚本保存为 build_and_zip.bat。
2. 双击运行，或者在命令行中执行：

   build_and_zip.bat
   

3. 脚本执行完成后，生成的压缩包会存放在指定的 ZIP_OUTPUT 路径中。

如果有其他定制化需求，可以进一步调整脚本！