Github创建仓库,克隆提交代码到远程
首先来到Github官网,注册账号。来到个人主页,点击New
创建新的仓库


在 GitHub 上创建好远程仓库后(比如叫 my-react-app
),你可以按照以下步骤在本地写代码并提交到远程仓库。
✅ 步骤一:克隆远程仓库到本地

bash
git clone https://github.com/你的用户名/my-react-app.git
或者使用 SSH(如果你配置了 SSH key):
bash
git clone git@github.com:你的用户名/my-react-app.git
✅ 这一步会创建一个
my-react-app
的本地目录,并且已经和远程仓库关联好。
✅ 步骤二:进入项目目录
bash
cd my-react-app
✅ 步骤三:开始写代码
你可以:
- 用 VS Code 打开它:
code .
- 或手动添加文件,例如:
bash
npm init -y
npm install react react-dom
或者使用脚手架工具,比如:
bash
npx create-react-app .
⚠️ 注意 create-react-app
的 .
表示当前目录,不要新建额外文件夹。
✅ 步骤四:添加/提交到 Git
bash
git add .
git commit -m "初始化项目"
✅ 步骤五:推送到远程 GitHub 仓库
bash
git push origin main
⚠️ 如果你看到提示 error: src refspec main does not match
,说明你的默认分支可能是 master
,可以先查看本地分支:
bash
git branch
然后使用:
bash
git push origin master
✅ 后续开发流程
每次修改后都可以按以下流程提交:
bash
git add .
git commit -m "你的修改说明"
git push origin main
✅ 示例总结
bash
git clone https://github.com/yourname/my-react-app.git
cd my-react-app
# 添加你的代码或用 CRA 初始化项目
git add .
git commit -m "初始化项目"
git push origin main

本地提交之后,在远端仓库这里可以看到创建的pr请求,可以选择是否合入

接着可以看到

选择这个Confirm merge
确认合入之后,就把创建的PR合入了。
合入之后就可以查看对应的合入请求和提交记录