Github创建仓库,克隆提交代码到远程

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合入了。

合入之后就可以查看对应的合入请求和提交记录

相关推荐
Cosolar1 天前
FunASR 前端语音识别代码解析
前端·面试·github
(・∀・)1 天前
如何配置 GitHub 远程仓库及本地 Git 环境
github
赴前尘1 天前
Go 微服务框架排行榜(按 GitHub Star 排序)
微服务·golang·github
idaibin1 天前
"Git 多仓库用户身份自动切换与隐私保护指南
git·github
源代码杀手1 天前
深入解析 Spec Kit 工作流:基于 GitHub 的 Spec-Driven Development 实践
人工智能·github
stark张宇1 天前
告别Git恐惧症!一套课程搞定Win/Mac/Linux三端配置与核心原理
git·架构·github
逛逛GitHub2 天前
被干宕机的 GitHub 解读神器,已经收录 10W+ 项目了。
github
叫我詹躲躲2 天前
Git和GitHub终极秘籍:50个命令让你从新手秒变专家
git·github
掘金安东尼2 天前
前端周刊433期(2025年9月22日–9月28日)
前端·javascript·github
绝无仅有2 天前
面试真题之收钱吧问题与总结
后端·面试·github