🚀 Remote Deploy Helper|VSCode 部署助手

一款开箱即用的 VSCode 插件,前端静态目录一键上传、后端 Jar 包自动化部署,告别繁琐的 Xshell、手动拖拽上传,在 VSCode 内完成全流程服务器发布。

📖 插件简介

日常开发部署时,频繁切换终端、SFTP 工具上传文件,Jar 包还要手动备份、替换、执行重启命令,操作繁琐且容易出错。

Remote Deploy Helper 专为全栈开发者打造,在 VSCode 内提供可视化侧边栏,图形化管理多台服务器、多个部署项目。

✅ 核心特性

  • 前端 :本地 dist 目录一键上传到 Linux 服务器,支持文件过滤排除

  • 后端:Jar 包上传、自动备份旧包、多种策略重启 Java 服务

  • 密码安全存储 :使用 VSCode 原生 SecretStorage 保存服务器密码,不会明文写在配置文件

  • 双模式 :可视化表单配置 + settings.json 传统配置两种使用方式

  • 多服务器、多项目管理:项目与服务器灵活绑定

👥 适合人群

Vue / React 前端打包产物部署、SpringBoot 后端 Jar 包运维;测试环境、个人服务器快速发布。

🎯 核心功能一览

📦 快速上手

第一步:安装插件

打开 VSCode 扩展市场,搜索 Remote Deploy Helper,点击安装。

安装完成后,重启 VSCode 窗口,左侧活动栏会出现「部署助手」图标。

第二步:添加你的服务器

  1. 打开部署助手侧边栏,点击 + 新增服务器

  2. 填写服务器信息:

    • 别名

    • IP 地址

    • SSH 端口

    • 用户名

  3. 选择登录方式:密码登录 / 私钥登录

    💡 密码不会写入 json 配置,由 VSCode SecretStorage 加密保管

  4. 保存后,服务器出现在服务器列表。

第三步:新建部署项目

点击第二个 + 新建项目,根据需求二选一:

模式 A:前端目录部署

模式 B:后端 Jar 包部署

保存后,项目展示在项目列表。

第四步:一键执行部署

两种启动方式:

  • 直接点击列表中的项目节点,立刻执行部署

  • 右键项目节点 → 部署助手:部署项目

部署期间右上角显示进度条:

部署成功右下角弹出通知;出现错误会展示完整报错,方便排查。

第五步:编辑、删除配置

每个节点自带编辑删除图标,也支持右键菜单操作。

⚠️ 删除保护:如果服务器被项目绑定,需要先解绑 / 删除关联项目,才可以删除服务器,避免配置失效。

⚙️ 传统 settings.json 配置

如果你不喜欢可视化表单,可以直接在 .vscode/settings.json 编写配置,通过命令面板触发部署。

配置示例

json

json 复制代码
{
  "remoteDeploy.server.host": "192.168.1.100",
  "remoteDeploy.server.port": 22,
  "remoteDeploy.server.username": "root",
  "remoteDeploy.server.privateKeyPath": "~/.ssh/id_rsa",

  "remoteDeploy.frontend.localPath": "dist",
  "remoteDeploy.frontend.remotePath": "/www/web/app",
  "remoteDeploy.frontend.exclude": [
    ".git/**",
    "node_modules/**",
    "**/*.map"
  ],

  "remoteDeploy.backend.jarPath": "target/app.jar",
  "remoteDeploy.backend.remoteJarPath": "/opt/demo/app.jar",
  "remoteDeploy.backend.backupDir": "/opt/demo/backup",
  "remoteDeploy.backend.serviceName": "demo.service"
}

命令面板触发

快捷键 Ctrl+Shift+P 调出命令面板:

后端重启执行优先级: 自定义重启命令 > systemctl 服务名 > stop+start 脚本 > 仅上传不重启

💡 使用建议

📮 反馈与建议

遇到 Bug、想要新增功能,欢迎留言反馈。

告别多工具来回切换,在 VSCode 一站式搞定前端静态资源、Java 后端 jar 包服务器部署!

📝 插件市场简介(短版)

text

复制代码
Remote Deploy Helper --- VSCode一站式服务器部署工具。

可视化侧边栏管理多台Linux服务器,支持前端dist目录一键SFTP上传,
SpringBoot Jar包自动上传、备份、重启服务。

SSH密码使用VSCode SecretStorage加密存储,支持密码/私钥两种登录方式。
同时兼容settings.json配置模式,命令面板一键部署。

适合全栈开发者快速完成测试服务器发布。
相关推荐
慢功夫14 天前
💡第七篇:VSCode语言服务中,代码跳转和诊断是怎么做的?
前端·visual studio code
yiyesushu15 天前
GitHub Copilot 在 vscode 中使用之 Prompt
人工智能·visual studio code
程序员Supers17 天前
VSCode 好用插件推荐
visual studio code
慢功夫18 天前
💡第五篇:VSCode插件是如何与主进程通信的?
前端·visual studio code
凉凉的知识库18 天前
用 GPT-5.6 SOL 写了个 VS Code 插件,效果出乎意料
api·测试·visual studio code
土土哥tutuge20 天前
开源项目 Claude Code Notifier Plus:让 Claude Code 真正需要你时再提醒你
ai编程·visual studio code
慢功夫21 天前
💡第四篇:编辑器内核, Monaco model、URI、dirty 状态和 tabs 是怎么协作的?
前端·visual studio code
annekqiu22 天前
VS code 部署agent
github·visual studio code
RequieMa22 天前
再见了,所有的 VS Code 预览窗
visual studio code