当前位置: 首页 > news >正文

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

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

首先来到Github官网,注册账号。来到个人主页,点击New创建新的仓库

image-20250807232922867

image-20250807233213775

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


✅ 步骤一:克隆远程仓库到本地

image-20250807234855311

git clone https://github.com/你的用户名/my-react-app.git

或者使用 SSH(如果你配置了 SSH key):

git clone git@github.com:你的用户名/my-react-app.git

✅ 这一步会创建一个 my-react-app 的本地目录,并且已经和远程仓库关联好。


✅ 步骤二:进入项目目录

cd my-react-app

✅ 步骤三:开始写代码

你可以:

  • 用 VS Code 打开它:code .
  • 或手动添加文件,例如:
npm init -y
npm install react react-dom

或者使用脚手架工具,比如:

npx create-react-app .

⚠️ 注意 create-react-app. 表示当前目录,不要新建额外文件夹。


✅ 步骤四:添加/提交到 Git

git add .
git commit -m "初始化项目"

✅ 步骤五:推送到远程 GitHub 仓库

git push origin main

⚠️ 如果你看到提示 error: src refspec main does not match,说明你的默认分支可能是 master,可以先查看本地分支:

git branch

然后使用:

git push origin master

✅ 后续开发流程

每次修改后都可以按以下流程提交:

git add .
git commit -m "你的修改说明"
git push origin main

✅ 示例总结

git clone https://github.com/yourname/my-react-app.git
cd my-react-app
# 添加你的代码或用 CRA 初始化项目
git add .
git commit -m "初始化项目"
git push origin main

image-20250807235539939

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

image-20250807235505909

接着可以看到

image-20250807235622236

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

http://www.dtcms.com/a/319218.html

相关文章:

  • 内存泄漏系列专题分析之三十二:高通相机CamX ION/dmabuf内存管理机制CmdBuffer
  • 【3D图像技术分析与实现】谷歌的AlphaEarth是如何实现的?
  • 鸿蒙RichEditor
  • 使用萤石云播放视频及主题模版配置
  • python安装部署rknn-toolkit2(ModuleNotFoundError: No module named ‘rknn_toolkit2‘)
  • 技术速递|Copilot Coding Agent:自定义设置步骤更可靠、更易于调试
  • P8250 交友问题
  • 表单元素与美化技巧:打造用户友好的交互体验
  • zookeeper因jute.maxbuffer启动异常问题排查处理
  • 如何开发一个运行在windows系统服务器上的服务
  • “物联网+职业本科”:VR虚拟仿真实训室的发展前景
  • 纳米陶瓷与光子集成:猎板PCB定义下一代VR硬件的技术蓝图
  • 【unity实战】使用Unity程序化生成3D随机地牢(附项目源码)
  • 飞机起落架轮轴深孔中间段电解扩孔内轮廓测量 - 激光频率梳 3D 轮廓检测
  • 如何将Dubbo从Zookeeper平滑地迁移到Nacos?
  • 38.【.NET8 实战--孢子记账--从单体到微服务--转向微服务】--扩展功能--增加日志记录器
  • Android视图状态以及重绘
  • Java面试宝典:类加载
  • 利用vue.js2X写前端搜索页面,express写后端API接口展现搜索数据
  • SymPy 中 atan2(y, x)函数的深度解析
  • vue3对比vue2的性能优化和提升 :Vue 3 vs Vue 2
  • ArkTS: McPointChart
  • 【Redis面试精讲 Day 16】Redis性能监控与分析工具
  • 从Web2.0到Web3.0——用户体验如何演进
  • 树莓派安装中文输入法
  • Day09 Tlisa登录认证
  • Linux总线,设备和驱动关系以及匹配机制解析
  • FPGA学习笔记——VGA显示静态图片(ROM IP核)
  • 【博弈 拓扑序 缩点】P9220 「TAOI-1」椎名真昼|省选-
  • Bosco-and-Mancuso Filter for CFA Image Denoising