部署的痛点每次部署项目你的流程是不是这样的打开终端ssh userserver连服务器本地打包npm run buildscp -r dist/* userserver:/var/www/上传文件ssh userserver nginx -s reload重启服务后端项目还要mvn package→ 上传 jar → 杀进程 → 重启一个项目还好多个项目、多台服务器光是记住这些命令就够头疼的更别说每次都要手动敲一遍。今天给大家分享一个我自己开发的 VS Code 插件 ——部署助手把整个部署流程可视化点一下就能完成。部署助手是什么部署助手是一个 VS Code 侧边栏插件让你在编辑器里直接管理服务器配置、项目配置一键完成前后端项目的部署。核心能力多服务器管理支持密码和密钥两种认证方式前端部署本地打包 → 压缩上传 → 远程解压 → 执行命令如 nginx reload后端部署本地打包 → 上传 jar 包 → 执行部署脚本备份、重启等项目分组按业务系统分组管理一目了然部署日志每次部署弹出独立日志面板实时显示执行过程和总耗时自定义命令部署前后可执行自定义脚本比如备份旧文件、清理缓存等安装在 VS Code 插件市场搜索部署助手直接安装即可。安装后左侧活动栏会出现一个火箭图标点击即可打开部署助手面板。使用教程1. 添加服务器点击侧边栏的服务器标签然后点右上角按钮填写服务器名称、IP、端口默认 22选择认证方式密码 或 SSH 密钥保存即可2. 添加前端项目切换到项目标签点击添加项目选择部署类型前端项目目录上传填写项目名称比如test项目选择服务器下拉选择已添加的服务器本地路径项目根目录打包命令如npm run build留空则跳过打包打包输出目录如dist远程路径服务器上的目标目录如/var/www/html/my-project部署后命令如nginx -s reload3. 部署前端项目点击项目卡片底部的部署按钮会弹出独立的日志面板实时显示打包过程压缩文件连接服务器上传文件解压文件执行部署后命令总执行时间4. 添加后端项目jar 包部署后端项目部署流程略有不同选择部署类型后端项目jar 包上传jar 包路径如target/app-0.0.1-SNAPSHOT.jar打包命令如mvn clean package远程路径如/opt/app部署前命令如cp app.jar app.jar.bak备份旧 jar部署后命令如./deploy.sh重启服务5. 项目分组如果一个业务系统有前端 多个后端微服务可以给它们填同一个分组名比如电商系统侧边栏会自动按分组折叠展示。后端部署脚本示例在服务器上创建一个deploy.sh脚本#!/bin/bashpidps -ef | grep shsg-server | grep prod | grep -vgrep| awkNR1 {print $2}if[[$pid-gt 0 ]];thenechoserver is running, start to shutdownkill-9$pidechosuccessed to be killed, bye!elseechoserver did not runfisleep3nohupjava -jar shsg-server.jar --spring.profiles.activeprod /dev/null 21 echoserver is starting!exit0然后在部署后命令填./deploy.sh就行了。为什么要做这个插件之前每次部署都要敲一堆命令还经常出错路径填错、文件传错、忘重启...用 CI/CD 工具Jenkins、GitHub Actions当然可以但配置复杂学习成本高对于个人项目或小团队太重了很多时候就是改个 bug 想快速部署上去部署助手的定位是比手动 SSH 快比 CI/CD 轻就在你写代码的编辑器里点一下就完事。总结功能说明多服务器管理支持密码/密钥认证前端部署打包 → 压缩上传 → 解压 → 重启后端部署打包 → 上传 jar → 执行脚本项目分组按业务系统分组管理部署日志独立面板显示总耗时自定义命令部署前后执行任意脚本如果你也觉得每次手动部署很烦不妨试试。插件市场搜索部署助手即可安装或直接访问插件市场链接有问题或建议欢迎留言反馈。