Visual Studio Code结合Git与GitHub的完整步骤

一、Visual Studio Code安装

官网下载地址:https://code.visualstudio.com/

Visual Studio Code是一个精简版的迷你Visual Studio,并且可以跨平台,Windows、Mac、Linux通用。

二、Git安装

官网下载地址:https://git-scm.com/downloads

安装步骤请参考:Git for Windows安装

※复制生成的公钥用于下一步:

一般在C盘的用户目录下,会生成一个.ssh文件夹,里面有一个“id_rsa.pub”文件,打开之后复制全部内容

三、GitHub注册

网站:https://github.com/

正确登录之后,需要配置SSH公钥:

(1)单击右上角的用户图标,选中“settings”

(2)单击左侧“SSH and GPG keys”,之后点击画面右上角的“New SSH key”按钮

(3)在Title中随意输入,然后在key中粘贴步骤二中Git安装生成的公钥

(4)之后单击“Add SSH key”就完成公钥的配置了

四、本地仓库和远程库的关联

篇幅较长,详细步骤请参考:Git本地仓库和GitHub远程库的关联步骤

五、在Visual Studio Code中使用Git和GitHub

1、先在Visual Studio Code中设置Git

点击"File"->"Preferences"->"Settings"

然后搜索"gitpath",点击"Edit in settings.json"

在文件的"git.path"后输入Git的路径,保存之后,重启Visual Studio Code即可

2、使用Visual Studio Code编辑本地仓库中的文件

并新加一个testFile2文件,保存之后,会看到“源代码管理”图标上有数字显示(表示有多少个文件发生变化)

“M”代表已经在GitHub中添加过该文件,然后修改了文件内容;

“U”代表在本地新建了该文件,还未提交到GitHub

“D”代表删除了该文件

3、使用Visual Studio Code将文件放至暂存区

点击“...”->“Stage All Changes",暂存所有更改

会看到刚刚的文件移动到了staged changes下

4、使用Visual Studio Code将文件提交到本地仓库

点击“...”->“Commit All",将暂存区的文件全部提交

点击之后在上方的文本框中输入提交的备注,如何回车即可完成提交

可看到刚刚的文件变更已经不见了

5、使用Visual Studio Code将文件同步到GitHub远程库

点击“...”->“Push to..."

正常配置没有问题的话,会自动弹出远程仓库的地址列表供我们选择,点击即可将本地修改同步到远程库

6、在GitHub查看远程库状态

会看到文件已经同步了

以上就是Visual Studio Code结合Git与GitHub的完整步骤。

  • 21
    点赞
  • 63
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
要在Visual Studio Code中连接Git,可以按照以下步骤进行操作: 1. 首先,确保已经在系统的路径中配置了Git的bin目录。这样,当你打开Visual Studio Code时,它会自动识别到Git。 2. 在GitHub或码云等代码托管平台上创建一个仓库,并复制仓库地址。 3. 在Visual Studio Code中打开你的项目文件夹。 4. 打开Terminal(终端)窗口,可以在底部状态栏找到Terminal按钮,并输入以下命令将本地仓库与远程仓库连接起来: ``` git remote add origin 仓库地址 git pull origin master ``` 这样就成功将Visual Studio CodeGit连接起来了,你可以使用Git进行版本控制了。 同时,你也可以参考一些图文教程,如所介绍的Visual Studio Code使用Git进行版本控制,它可以为你提供更具体的操作指导。另外,如果你希望克隆(clone)远程代码到本地,你可以使用Terminal窗口输入`git clone 仓库地址`的命令,详细步骤可以参考的说明。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* [visual studio code使用git](https://blog.csdn.net/yu75567218/article/details/100538529)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"] - *2* [Visual Studio Code 使用Git进行版本控制(图文教程)](https://download.csdn.net/download/weixin_38524851/12900476)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"] - *3* [visual studio code-连接gitt拉取远程代码](https://blog.csdn.net/Teamo_mc/article/details/114546881)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值