如何将两个平台的前后端代码推送至同一个GitHub仓库

1. 前置准备：新建GitHub仓库与本地目录规划 #

• 先在GitHub创建空仓库，不要勾选初始化README、.gitignore、LICENSE选项，避免后续合并冲突
• 本地新建一个空文件夹作为整个项目的根目录，根目录下新建backend、frontend两个子文件夹，分别用来存放后端、前端代码

注意：如果你的前后端项目之前已经单独初始化过Git仓库，迁移前需要先删除各自项目根目录下的.git隐藏文件夹，避免和总仓库的Git配置产生冲突。

2. 导入后端代码（Visual Studio端操作） #

• 将原后端项目的所有文件完整复制到本地根目录的backend文件夹内
• 打开Visual Studio，点击顶部菜单栏「Git」>「创建仓库」
• 在弹出的配置窗口选择「现有远程」标签页，粘贴你刚才创建的GitHub仓库的HTTPS/SSH地址，仓库位置选择整个项目的根目录，不要仅选backend子文件夹
• 点击「创建」，Visual Studio会自动在根目录初始化Git仓库
• 在VS的Git更改面板，选中所有待提交文件，填写提交信息（例如init: 导入后端初始代码）后完成提交，暂时不执行推送操作

3. 导入前端代码（Visual Studio Code端操作） #

• 将原前端项目的所有文件完整复制到本地根目录的frontend文件夹内
• 用VS Code打开整个项目的根目录，不要仅打开frontend子文件夹
• 打开VS Code终端，确认当前路径为项目根目录，执行git status可看到新增的前端文件均为未追踪状态
• 依次执行以下命令提交前端代码：

  git add .
  git commit -m "init: 导入前端初始代码"
  

4. 统一推送至GitHub仓库 #

你可以任选以下两种方式之一完成推送：

• 在Visual Studio的Git更改面板点击「推送」按钮
• 在VS Code的终端执行git push origin main（如果你的默认分支命名为master，将main替换为master即可）

后续开发注意事项 #

• 后续开发时无论用Visual Studio写后端还是VS Code写前端，都打开整个项目的根目录操作，不要仅打开子文件夹处理Git提交
• 前后端改动可以分开提交：修改完后端代码时仅选中backend目录下的改动提交，修改完前端代码时仅选中frontend目录下的改动提交，提交记录互不影响
• 可以在项目根目录放置统一的.gitignore文件，将前后端不需要提交的缓存、依赖目录（例如node_modules、.vs、bin、obj等）加入忽略规则，避免提交无用文件

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