锋盈数科-知识库 Logo
首页
软件开发
计算机基础
Hello Halo
新手必读
关于本知识库
登录 →
锋盈数科-知识库 Logo
首页 软件开发 计算机基础 Hello Halo 新手必读 关于本知识库
登录
  1. 首页
  2. 软件开发
  3. vscode如何连接github_gitee远程仓库详细步骤(ssh+https)最全最详细

vscode如何连接github_gitee远程仓库详细步骤(ssh+https)最全最详细

0
  • 软件开发
  • 发布于 2024-10-08
  • 12 次阅读
黄健
黄健


文章目录

  • 前言
  • 一、准备工作

    • 1.安装git
    • 2.配置git用户名和邮箱
    • 3.在github中创建一个新的仓库
  • 二、通过https连接github

    • 1.在vscode上选择远程源
    • 2.代码暂存提交和推送
  • 三、通过ssh连接github

    • 1.生成公钥和私钥
    • 2.设置config文件
    • 3.配置ssh免密登录
    • 4.远程仓库初始化
  • 总结



前言

对于喜欢写代码,但是在本地电脑上存放项目太麻烦且容易误删的小伙伴们,远程仓库便对我们代码管理有着很好的帮助,例如github/gitee等远程仓库,不仅可以方便地管理代码,包括上传代码、下载代码、分支管理、合并代码等操作,还可以与他人协同开发提升效率,本文主要对vscode连接远程仓库的两种方式进行详细步骤说明,希望能够帮助有需要的小伙伴们


一、准备工作

1.安装git

VSCode连接GitHub需要先安装Git。Git是一个版本控制系统,它允许你跟踪文件的变化并协同工作。VSCode使用Git来连接和管理GitHub上的代码仓库。首先进入Git的官网下载(点击跳转官网下载地址)不同系统和版本的电脑自行选择 ,这里我是windows x64选择这个


下载完成点击安装,这里一般都是默认选项,不需要更改 (文件路径可以自行修改),安装完成后右击桌面任何一个文件夹,出现这两个选项就是安装成功了

2.配置git用户名和邮箱

选中右击一个文件夹,点击git bash here (相当于在这个文件夹目录下打开的命令终端)
设置全局用户名 和邮箱:

git config --global user.name "用户名"//设置全局的 Git 用户名
git config --global user.email "邮箱地址" //设置全局的 Git 用户邮箱。

用户名可以随便设置,邮箱输入自己的邮箱即可,配置完成后,输入以下命令查看是否设置成功

git config --list

3.在github中创建一个新的仓库

进入自己的github主页,选择创建一个新仓库,写上仓库名字,如果希望别人访问到你的github仓库就选择public,如果不希望就选择private,点击创建

二、通过https连接github

1.在vscode上选择远程源

在vscode中找到这个选项,我这里是已经配置过的,没配置过的点击new repository

点击之后会在右边主状态栏出现这个选项

点击之后会跳转到浏览器进行github账户登录验证,输入账号的密码就行,有的登录过github会自动进行账号身份识别,选择用户就可以了,选择完之后就可以看到我们创建的仓库了,点击需要添加的库,输入你的仓库名字,仓库就配置完成了

2.代码暂存提交和推送

当我们编写,修改代码ctrl+s 保存之后,在源代码管理器就会有这样的提示
点击+号,添加到暂存的更改中,在上方输入框输入本次代码提交的简述,例如commit,update等,点击提交

提交之后此时代码是在vscode的缓存区里,点击右上角三个点,点击推送,代码就成功被提交上了

进入github仓库查看提交是否成功,大功告成!!!

三、通过ssh连接github

1.生成公钥和私钥

首先选择一个文件夹,右击 git bash here,在命令行输入命令,按下三次回车生成一个**.ssh文件夹**,一般在用户的user 根目录下,文件夹中包括名为id_rsa的私钥文件和一个名为id_rsa.pub的公钥文件

 ssh-keygen -t rsa -C "邮箱地址"//按下三次回车,生成公钥和私钥两个文件

2.设置config文件

找到.ssh文件夹后,在里面新建一个名为config的文件,不需要后缀名,然后在里面写入(不要忘记保存):

Host github.com
HostName ssh.github.com  
User git
Port 443
PreferredAuthentications publickey
IdentityFile ~/.ssh/id_rsa

3.配置ssh免密登录

将id_rsa.pub的公钥文件的所有内容复制,进入github设置里找到配置ssh的选项


将复制的公钥内容粘贴到key中,title里可以随意取个名字,点击add ssh key就配置成功了

4.远程仓库初始化

进入vscode工作区,选中需要添加到仓库里的文件夹,右击终端打开,在终端里输入以下命令:

git init//仓库初始化
git add README.md//添加readme.md文件
git commit -m "first commit//提交
git branch -M main//构建分支
git remote add origin git@github.com:zhouwenbin888/ceshi.git//连接到远程仓库
git push -u origin main//推送

进行一次命令行提交代码之后,vscode会自动通过ssh连接到远程仓库,之后推送代码就可以使用vscode界面进行提交代码了(与https推送的方式一样,这里不多赘述)

总结

本文详细说明了vscode连接远程仓库的两种方式的步骤,小伙伴们可以根据自己的需要按照步骤一步一步去配置就好了,有什么问题欢迎评论区留言讨论,喜欢的小伙伴点点收藏点点关注,感谢大家

原文链接: https://blog.csdn.net/Bin_niB/article/details/135915738

标签: #工具 45 #github 3
相关文章

万字:支付“核心系统”详解 2024-11-02 15:33

专栏作者:隐墨星辰 \| 主编:陈天宇宙 这篇文章也尝试化繁为简,探寻支付系统的本质,讲清楚在线支付系统最核心的一些概念和设计理念。 虽然支付行业已经过了风头最劲的时光,但跨境支付仍然在蓬勃发展,每年依然有很多新人进入这个行业,这篇文章尝试为这些刚入行的新人提供一点帮助。 文章只介绍一些支付行业十几

资深支付架构师视角:实战从问题定义到代码落地的完整套路 2024-11-02 15:33

前言 今天从一个实际案例入手,介绍站在架构师的角度,如何识别并定义问题,提炼需求,技术方案选型,再到详细设计,最后利用AI的能力协助写出核心的代码,验证与调优。 解决问题存在一定的模式,也可以称之为框架,总结出自己的思考和解题框架,以后再碰到同类型的问题就可以如庖丁解牛一样容易。 很多年前,我写代码

Spring 实现 3 种异步接口 2024-10-18 09:07

大家好,我是苏三~ 如何处理比较耗时的接口? 这题我熟,直接上异步接口,使用 Callable、WebAsyncTask 和 DeferredResult、CompletableFuture等均可实现。 但这些方法有局限性,处理结果仅返回单个值。在某些场景下,如果需要接口异步处理的同时,还持续不断地

重学SpringBoot3-集成Redis(五)之布隆过滤器 2024-10-08 11:24

更多SpringBoot3内容请关注我的专栏:《SpringBoot3》 期待您的点赞👍收藏⭐评论✍ 重学SpringBoot3-集成Redis(五)之布隆过滤器 1. 什么是布隆过滤器? * 基本概念 适用场景 2. 使用 Redis 实现布隆过滤器 * 项目依赖 Redis 配置

设计模式第16讲——迭代器模式(Iterator) 2024-10-08 11:24

一、什么是迭代器模式 迭代器模式是一种行为型设计模式,它提供了一种统一的方式来访问集合对象中的元素,而不是暴露集合内部的表示方式。简单地说,就是将遍历集合的责任封装到一个单独的对象中,我们可以按照特定的方式访问集合中的元素。 二、角色组成 抽象迭代器(Iterator):定义了遍历聚合对象所需的方法

vue2路由和vue3路由区别及原理 2024-10-08 11:24

一、Vue2 与 Vue3 路由的区别 1. 创建路由实例方式的不同 Vue 2 中,通过 Vue.use() 注册路由插件,并通过 new VueRouter() 来创建路由实例。 import Vue from 'vue';import VueRouter from 'vue-router';i

目录

IT 外包服务商

  • 意见投递
  • zyf6619

软件开发应用

主菜单

  • 首页
  • 软件开发
  • 计算机基础
  • Hello Halo
  • 新手必读
  • 关于本知识库
Copyright © 2024 your company All Rights Reserved. Powered by Halo.