在VSCode中上传本地React应用到Github仓库的相关命令有哪些

• 暂存区（staging area）：Git的中间临时存储区，用于筛选你想要纳入版本记录的改动。你本地修改的所有文件，只有主动加到暂存区的内容，才会被后续的提交操作记录，避免误提交不需要的本地配置、测试代码、node_modules等内容。
• commit（提交）：对暂存区的内容生成一个永久的版本快照，每个commit都自带唯一标识、提交说明、提交时间，后续可以随时回溯、回退到任意一个commit的项目状态。

前置准备 #

• 本地已安装Git，已完成Git的用户名、邮箱配置（没配置的话先执行git config --global user.name "你的GitHub用户名"、git config --global user.email "你的GitHub绑定邮箱"）
• 已注册GitHub账号

步骤1：GitHub创建空远程仓库 #

• 登录GitHub，点击右上角「+」→「New repository」
• 填写仓库名称，不要勾选「Add a README file」「Add .gitignore」「Choose a license」三个选项，直接点击「Create repository」完成创建，保留跳转后的指引页备用。

步骤2：本地项目端操作 #

打开终端，切换到你的React项目根目录（即包含package.json的文件夹），依次执行以下命令：

1. 初始化本地Git仓库
   git init

仅首次执行，给当前项目开启Git版本管理能力

2. 将项目文件添加到暂存区
   git add .

末尾的.代表当前目录下所有符合规则的文件，如果你只想提交单个文件，把.替换为对应文件路径即可，比如git add src/App.js

3. 生成提交版本快照
   git commit -m "first commit: 初始化React项目"

-m后的字符串为本次提交的说明，建议尽量写清楚改动内容，方便后续查看版本记录

4. 绑定本地仓库与远程GitHub仓库
   git remote add origin 你的远程仓库地址

远程仓库地址可以在步骤1创建完成的GitHub仓库指引页复制，格式为https://github.com/你的GitHub用户名/你创建的仓库名.git
如果执行提示remote origin already exists，先执行git remote remove origin删除原有绑定后再重新执行该命令

5. 将本地主分支重命名为main
   git branch -M main

匹配GitHub当前默认的主分支命名规则，避免后续提交冲突

6. 将本地提交推送到远程GitHub仓库
   git push -u origin main

-u参数用于绑定本地与远程的main分支，后续你修改代码后提交，只需要依次执行git add、git commit、git push即可，无需再加额外参数

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