通過VSCode的Tasks結合Remote-SSH實現(xiàn)一鍵部署，首先配置SSH連接，再創(chuàng)建tasks.json定義rsync同步與遠程命令執(zhí)行，如文件傳輸后自動重啟服務，最后通過快捷鍵運行任務，大幅提升部署效率。

在開發(fā)過程中，頻繁將本地代碼上傳到遠程服務器調試或部署非常耗時。通過 VSCode 的 Tasks 功能結合 Remote-SSH 擴展，可以實現(xiàn)一鍵自動化部署，大幅提升效率。

配置 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 打開遠程項目目錄

創(chuàng)建 Tasks 實現(xiàn)自動同步與部署

使用 Tasks 定義一個可一鍵執(zhí)行的部署流程，比如通過 rsync 同步文件，并在服務器上執(zhí)行重啟服務等操作。

• 在項目根目錄創(chuàng)建 .vscode/tasks.json
• 定義一個任務，使用 rsync 將本地文件推送到遠程服務器
• 通過 SSH 在遠程執(zhí)行部署后的命令，如重啟服務或構建項目

示例 tasks.json 配置：

<font face="Consolas, 'Courier New', monospace">
{
  "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": []
    }
  ]
}
</font>

說明：該任務會同步當前目錄所有文件到遠程服務器的指定路徑，隨后通過 ssh 登錄并執(zhí)行依賴安裝和進程重啟。

一鍵摳圖

在線一鍵摳圖換背景

30

查看詳情

一鍵運行部署任務

配置完成后，無需手動執(zhí)行多條命令。

• 打開命令面板，運行 Tasks: Run Build Task（默認快捷鍵 Ctrl+Shift+B）
• 選擇 “Deploy to Server” 任務
• 終端將輸出同步和遠程執(zhí)行的日志，便于排查問題

也可設置為保存后自動觸發(fā)，或綁定快捷鍵進一步提升效率。

基本上就這些。合理利用 VSCode 的 Tasks 和 SSH 擴展，部署可以變得像保存文件一樣簡單。

以上就是如何利用VSCode的Tasks和SSH擴展實現(xiàn)一鍵自動化部署到服務器？的詳細內容，更多請關注php中文網(wǎng)其它相關文章！