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

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

相关推荐
江畔柳前堤1 小时前
github实战指南02-仓库管理与 Issue
人工智能·深度学习·github·信号处理·caffe·wps·issue
江畔柳前堤3 小时前
github实战指南07-CLI 与高级技巧
前端·人工智能·chrome·深度学习·github·caffe·issue
右耳朵猫AI3 小时前
GitHub周趋势2026W23 | last30days-skill AI搜索、headroom令牌压缩、apple/container开源
人工智能·开源·github
器灵科技4 小时前
AI视频工具实测:Seedance/可灵/HappyHorse谁最能打?
java·运维·数据库·人工智能·github
DogDaoDao4 小时前
【GitHub】 Headroom 深度解析:AI Agent 上下文压缩层的完整技术拆解
人工智能·深度学习·程序员·github·ai agent·智能体·agent skill
dominciyue5 小时前
当 judge 们吵起来时,别再投票了:用执行结果给 code eval 一个 ground truth
github
IT 行者5 小时前
GitHub Spec Kit 实战(六):/speckit.implement 怎么用、怎么审、怎么发现 spec 阶段的遗漏——五部曲收官
java·驱动开发·github·ai编程·claude
带娃的IT创业者5 小时前
深度解析:从 GitHub 热门项目看 SEO 自动化的技术架构演进
架构·自动化·github·seo·技术架构·反爬虫
SCandL1526 小时前
自动化ai测试
github
IT 行者6 小时前
GitHub Spec Kit 实战(四):读懂和干预 /speckit.plan——AI 最自由发挥的一步
java·人工智能·github·ai编程·claude