通过VSCode的Tasks结合Remote-SSH实现一键部署,首先配置SSH连接,再创建tasks.json定义rsync同步与远程命令执行,如文件传输后自动重启服务,最后通过快捷键运行任务,大幅提升部署效率。

在开发过程中,频繁将本地代码上传到远程服务器调试或部署非常耗时。通过 VSCode 的 Tasks 功能结合 Remote-SSH 扩展,可以实现一键自动化部署,大幅提升效率。
配置 SSH 连接访问远程服务器
确保你已安装 Remote - SSH 扩展。然后配置 SSH 配置文件,使 VSCode 能快速连接目标服务器。
- 打开命令面板(Ctrl+Shift+P),输入 Remote-SSh: Connect to Host...
- 选择 Add New SSH Host,输入连接命令,例如:
ssh user@192.168.1.100 - 选择 SSH 配置文件位置(通常是
~/.ssh/config) - 保存后,可在资源管理器中直接通过 SSH 打开远程项目目录
创建 Tasks 实现自动同步与部署
使用 Tasks 定义一个可一键执行的部署流程,比如通过 rsync 同步文件,并在服务器上执行重启服务等操作。
- 在项目根目录创建
.vscode/tasks.json - 定义一个任务,使用
rsync将本地文件推送到远程服务器 - 通过 SSH 在远程执行部署后的命令,如重启服务或构建项目
示例 tasks.json 配置:
{
"version": "2.0.0",
"tasks": [
{
"label": "Deploy to Server",
"type": "shell",
"command": "rsync -avz --delete ./ user@192.168.1.100:/var/www/myapp && ssh user@192.168.1.100 'cd /var/www/myapp && npm install && pm2 restart myapp'",
"group": "build",
"presentation": {
"echo": true,
"reveal": "always",
"focus": false,
"panel": "shared"
},
"problemMatcher": []
}
]
}
说明:该任务会同步当前目录所有文件到远程服务器的指定路径,随后通过 ssh 登录并执行依赖安装和进程重启。
一键运行部署任务
配置完成后,无需手动执行多条命令。
- 打开命令面板,运行 Tasks: Run Build Task(默认快捷键 Ctrl+Shift+B)
- 选择 “Deploy to Server” 任务
- 终端将输出同步和远程执行的日志,便于排查问题
也可设置为保存后自动触发,或绑定快捷键进一步提升效率。
基本上就这些。合理利用 VSCode 的 Tasks 和 SSH 扩展,部署可以变得像保存文件一样简单。










