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

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

相关推荐
绝无仅有3 小时前
Java后端技术面试:银行业技术架构相关问题解答
后端·面试·github
掘金安东尼13 小时前
抛弃自定义模态框:原生Dialog的实力
前端·javascript·github
逛逛GitHub1 天前
飞书多维表“独立”了!功能强大的超出想象。
人工智能·github·产品
努力的小雨1 天前
混元开源之力:spring-ai-hunyuan 项目功能升级与实战体验
后端·github
NocoBase1 天前
GitHub 上 Star 数量前 10 的开源项目管理工具
开源·github·资讯
绝无仅有1 天前
面试实战总结:数据结构与算法面试常见问题解析
后端·面试·github
绝无仅有1 天前
Docker 面试常见问题及解答
后端·面试·github
逛逛GitHub2 天前
斩获 2 万多 Star!国外老哥把全网 n8n 工作流都开源了
github·工作流引擎
杨杨杨大侠2 天前
Atlas Mapper 案例 01:初级开发者 - 电商订单系统开发
java·开源·github
绝无仅有2 天前
后端 Go 经典面试常见问题解析与总结
后端·面试·github