如何在VS Code中将Flutter项目与build/web子目录分别上传至两个GitHub仓库？

方法：使用Git工作树（Git Worktree） #

Git工作树可让你在主项目目录下直接关联目标仓库分支，无需手动复制文件即可完成build/web内容的推送。

步骤1：准备目标GitHub仓库 #

在GitHub创建一个空仓库（用于托管GitHub Pages内容），记下仓库的SSH或HTTPS地址，例如git@github.com:你的用户名/网页托管仓库.git。

步骤2：在主Flutter项目中配置工作树 #

打开VS Code终端（Ctrl+`），在项目根目录执行以下命令：

# 添加目标仓库为远程仓库，命名为web-repo
git remote add web-repo git@github.com:你的用户名/网页托管仓库.git
# 创建web-deploy目录，关联目标仓库的main分支（若用gh-pages分支则替换为gh-pages）
git worktree add ./web-deploy main --remote=web-repo

步骤3：一键完成构建与推送 #

每次需要更新网页内容时，在VS Code终端执行以下命令（Linux/macOS）：

# 构建Flutter Web生产包
flutter build web --release
# 清空web-deploy旧内容（保留.git目录）
rm -rf ./web-deploy/*
# 复制构建产物到web-deploy
cp -r ./build/web/* ./web-deploy/
# 提交并推送到目标仓库
cd ./web-deploy
git add .
git commit -m "更新Web构建: $(date)"
git push web-repo main
cd ..

Windows系统可使用PowerShell命令：

flutter build web --release
Remove-Item ./web-deploy/* -Recurse -Force
Copy-Item ./build/web/* ./web-deploy/ -Recurse
cd ./web-deploy
git add .
git commit -m "更新Web构建: $(Get-Date)"
git push web-repo main
cd ..

步骤4：VS Code内简化操作 #

将上述命令保存为脚本文件（如deploy-web.sh或deploy-web.ps1），通过VS Code任务一键执行：

1. 打开命令面板（Ctrl+Shift+P），选择Tasks: Configure Task → Create tasks.json from template → Others。
2. 在tasks.json中添加如下配置（以Linux/macOS为例）：

{
    "version": "2.0.0",
    "tasks": [
        {
            "label": "部署Flutter Web",
            "type": "shell",
            "command": "./deploy-web.sh",
            "group": {
                "kind": "build",
                "isDefault": true
            },
            "problemMatcher": []
        }
    ]
}

之后按Ctrl+Shift+B即可一键完成构建与推送。

注意事项 #

• 确保目标仓库的对应分支（如main/gh-pages）已设置为GitHub Pages的源分支。
• 若后续目标仓库分支变更，可执行git worktree prune清理旧工作树后重新添加关联。
• 首次推送需完成GitHub权限验证，按终端提示操作即可。

内容的提问来源于stack exchange，提问作者Pannam