VS Code Remote远程部署插件

Posted on Views:

1. 轻量级：VS Code Remote 插件

  • 使用 Remote - SSH 插件：

    • 本地用 VS Code 打开远端代码目录，写即是部署，不需要额外 push。
    • 缺点：代码实际在远端，不是严格的“本地管理”。

  • 使用 Remote - Containers 或 Dev Containers：

    • 在本地 VS Code 写代码，保存时直接挂载到容器或远端。
    • 适合 K8s/容器化场景。

2. rsync / scp 方式（简易自动化部署）

本地管理，保存或构建后通过命令把代码同步到远端。

示例：

1
2
rsync -avz --exclude '.git' ./ user@remote:/opt/app/
ssh user@remote "cd /opt/app && docker-compose restart"
  • 优点：简单直观，本地完全管理，远端只拿到运行所需文件。
  • 缺点：代码和部署分离，不方便多人协作。

3. Git 驱动部署

  • 本地 VS Code → commit → push 到 Git 仓库。

  • 远端服务器通过以下几种方式自动拉取：

    • Webhook（GitLab/Gitea/GitHub Actions → 触发远端拉代码 & 部署）。
    • Git Hooks（远端仓库 post-receive 自动部署）。
    • CI/CD 流水线（Jenkins/GitHub Actions/GitLab CI）。

示例（远端 bare 仓库钩子）：

1
2
3
4
# /opt/repo.git/hooks/post-receive
#!/bin/bash
GIT_WORK_TREE=/opt/app git checkout -f
cd /opt/app && docker-compose up -d --build
  • 优点：管理规范，符合团队协作。
  • 缺点：单人快速验证时稍微麻烦。

4. 基于容器/编排的远端验证

  • 本地只管写代码（VS Code + Git 管理）。

  • 部署由工具负责：

    • Docker Build + Push + Deploy
    • Helm/Kustomize（K8s 集群验证）
    • ArgoCD/FluxCD 做 GitOps

典型流程：

1
2
3
docker build -t registry/app:latest .
docker push registry/app:latest
kubectl set image deploy/app app=registry/app:latest
  • 优点：和生产环境一致，利于验证。
  • 缺点：初期配置复杂。