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

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

相关推荐
子兮曰16 分钟前
OpenClaw架构揭秘:178k stars的个人AI助手如何用Gateway模式统一控制12+通讯频道
前端·javascript·github
旅之灵夫1 小时前
【GitHub项目推荐--Remotion:使用React编程化创建视频】⭐⭐⭐
github
玄同7657 小时前
Git常用命令指南
大数据·git·elasticsearch·gitee·github·团队开发·远程工作
吠品8 小时前
命令行揭示SSL证书真相
https·github·ssl
、BeYourself9 小时前
解决git@github.com: Permission denied (publickey)
github
十步杀一人_千里不留行10 小时前
Git提交前ESLint校验实践(Husky + lint-staged)
git·github
朱昆鹏11 小时前
开源 Claude Code + Codex + 面板 的未来vibecoding平台
前端·后端·github
猫头虎12 小时前
OpenClaw-VSCode:在 VS Code 里玩转 OpenClaw,远程管理+SSH 双剑合璧
ide·vscode·开源·ssh·github·aigc·ai编程
你听得到1114 小时前
我彻底搞懂了 SSE,原来流式响应效果还能这么玩的?(附 JS/Dart 双端实战)
前端·面试·github
宁雨桥14 小时前
Gitee迁移GitHub开源全攻略:一键配置自动同步,仅需维护单一仓库
gitee·开源·github