基于 Vue 和 Node.js 的自动化发布服务脚本实现方案，该方案主要依赖 node-ssh和 archiver两大主要模块。通过与 package.json 中配置的多环境部署脚本协同工作，在 deploy 目录下建立完整的发布流程。以下将详细说脚本开发、环境配置及使用说明，确保比较符合您的项目需求。老实说，

一、环境准备：依赖安装

请在 Vue 项目根目录执行以下命令安装必要依赖：

# 主要依赖：ssh连接、压缩打包npm i node-ssh archiver -D# 清理依赖npm i rimraf -D# sshnpm i node-ssh -D

二、项目目录结构

在 Vue 项目根目录新建 deploy 文件夹。最终目录结构如下：

三、编写 deploy 文件夹下的主要文件

deploy/index.js ：部署入口文件主要原因：解析命令行的环境参数 → 执行 Vue 打包 → 压缩 dist 目录为 zip 包 → SSH 连接服务器 → 上传压缩包并解压 → 清理临时文件 → 完成部署，全程自动化，无需手动操作：

* 自动化部署脚本 * @description 实现项目打包、压缩、上传、备份、解压等自动化部署功能 */const { NodeSSH } = require;const archiver = require;const fs = require;按理说，const path = require;const { exec } = require;const util = require;const execPromise = util.promisify;/** * 获取环境配置 * @returns {Object} 配置对象 */function getConfig { // 从命令行参数获取环境，例如: node deploy/index.js --env=test const args = process.argv.slice;let env = "prod";// 默认生产环境 // 解析命令行参数 for { if ) { env = arg.split;} } // 如果有环境变量 DEPLOY_ENV，优先使用 if { env = process.env.DEPLOY_ENV;} // 处理 production 别名 if { env = "prod";} // 直接根据环境名称建立配置文件方法 const configFile = `./config.${env}.js`;const configPath = path.join;// 检查配置文件是否存在 if ) { throw new Error;说起来，} console.log;console.log，return require;按理说，}const config = getConfig;const ssh = new NodeSSH;/** * 输出带颜色的日志 */const log = { info: => console.log。success: => console.log,error: => console.log,warning: => console.log,};/** * 步骤1: 执行项目打包 * @returns {Promise} */async function buildProject { log.info;老实说，try { const { stdout。stderr } = await execPromise;if ) { log.warning;} log.success;其实，return true;} catch { log.error;throw error，}}/** * 步骤2: 压缩dist文件夹为zip * @returns {Promise} 返回zip文件方法 */async function compressDistToZip { log.info;const { localDistPath,localZipName } = config.deploy;const zipPath = path.join,localZipName);if ) { fs.unlinkSync;} if ) { throw new Error;} return new Promise => { const output = fs.createWriteStream;const archive = archiver;let fileCount =;output.on => { const size =/ /).toFixed;log.success，log.info;resolve，}); archive.on=>{ log.error;reject，});archive.on=>{ if{ log.warning;}else{ reject;} })，archive.on=>{ fileCount++;})，archive.pipe;archive.directory;archive.finalize;})，}/** *步骤3:连接SSH服务器 *@returns{Promise} */async function connectSSH{ log.info;try{ await ssh.connect;log.success，}catch{ log.error;throw error，}}/** *步骤4:备份服务器上的dist目录 *@returns{Promise} */async function backupRemoteDist{ log.info;const{remoteDir,remoteDist。backupDir}=config.deploy;怎么说呢，const remoteDistPath=`${remoteDir}/${remoteDist}`;const now=new Date;const year=now.getFullYear;const month=String+ ).padStart;const day=String).padStart;const hours=String).padStart;const minutes=String).padStart;const seconds=String).padStart;const timestamp=`${year}${month}${day}_${hours}${minutes}${seconds}`;const backupPath=`${backupDir}/${remoteDist}_backup_${timestamp}`;log.info，说起来，try{ // 检查dist目录是否存在 const checkCmd=`&&echo"exists"||echo"not_exists"`;const checkResult=await ssh.execCommand;if==="exists"){ await ssh.execCommand;const backupCmd=`cp-r${remoteDistPath}${backupPath} `;await ssh.execCommand;log.success，}else{ log.warning };不过，}catch{ log.error throw error;}}/** *@deprecated此步骤已合并*//** *步骤6:上传zip文件到服务器 *@param{string}zipPath本地zip文件方法 *@returns{Promise} */async function uploadZipToServer{ ... };说起来，/** *@returns*/ ...

1. deploy/config.XX.js ：多环境服务器设置文件 集中管理 prod/xj/mj/test 四个环境的SSH 连接信息、安装部署目录，后续修改环境配置仅需改此文件，按需替换你的实际配置：