问小白 wenxiaobai
资讯
历史
科技
环境与自然
成长
游戏
财经
文学与艺术
美食
健康
家居
文化
情感
汽车
三农
军事
旅行
运动
教育
生活
星座命理

VSCode搭建Git教程

创作时间:
作者:
@小白创作中心

VSCode搭建Git教程

引用
CSDN
1.
https://blog.csdn.net/qq_62917398/article/details/145435008

本文将详细介绍如何在VSCode上搭建Git,包括Git的安装以及两种在VSCode上使用Git的方法:先创建本地仓库再上传到远程仓库,以及先创建远程仓库再将本地仓库上传到指定远程仓库。

一、安装Git

网络教程很多,在此就不赘述了。你可以参考Git安装参考

二、VSCode上搭建Git

(1) 先创建本地仓库再上传到远程仓库,远程仓库名是根据本地仓库名一致

  1. 初次打开VSCode,选择【源代码管理】,如下显示,说明Git已安装成功。

  2. 本地新建文件夹并通过VSCode打开。

  3. 再次选择【源代码管理】,选择初始化仓库。

  4. 初始化仓库后便可提交代码。

  5. 若没有设置用户名和邮箱,填好提交的标签后此时会提示需要配置用户名和邮箱。你可以使用以下命令进行配置:

    git config --global user.name "用户名"
    git config --global user.email "邮箱地址"
    
  6. 设置完成后提交到本地仓库成功并可看到下方提交记录(此时表示提交到本地仓库成功)。

  7. 此时修改代码并保存,可看到左侧提示有文件被修改还没被提交。

  8. 再次提交。

  9. 此时更新的代码已提交到本地仓库,可查看提交记录和最新提交所修改的地方。

  10. 选择如下选项上传到远程仓库。

  11. 若VSCode第一次上传到GitHub,会提示如下信息:

  • 在本机默认浏览器注册并登录GitHub,并保持登录。
  • 将GitHub账号的权限授予VSCode。
  • continue。
  • 选择允许后,VSCode搜索栏出现需要将提交的项目是选择【公开】或【私人】,根据需要选择即可。
  • 由于访问GitHub需要有代理,但VSCode上还未设置代理,导致上传文件失败(通常都是第一次使用需要)。
  • 给Git设置代理命令(需要自己电脑有代理)。
  • 设置代理完成后,再次选择【Publish Branch】,此时本地文件推送到了GitHub上,分支上显示有云端图标,如下,说明上传到GitHub远程仓库成功。
  • 此时GitHub上也可看到上传的项目。
  • 上传的项目名称默认是本地文件夹名称,若有需要可修改远程项目的名字。

(2) 先创建远程仓库,再将本地仓库上传到指定远程仓库

  1. 创建远程仓库,取好文件名。

  2. 本地需要上传的文件所在文件夹通过VSCode打开。(参考(1))

  3. 选择初始化仓库。(参考(1))

  4. 输入标签并从提交(commit)。(参考(1))

  5. 此时若选择Publish branch ,会默认在远程仓库新建一个与本地仓库同名的仓库((1)步已有步骤),由于我们在GitHub上已经创建好了远程仓库,所以我们要提交到指定的GitHub远程仓库上,本步骤忽略,直接进行下一步操作。

  6. 按如下操作选择添加到远程仓库。

  7. 使用该项的前提是在VSCode已经使用过了GitHub相关操作(由于上方已经设置过,所以可直接使用)。

  8. 上传前查看VSCode是否已登录过GitHub,可通过VSCode账户查看(若是以下显示则是已登录)。

  9. 选择添加远程仓库后会列出自己GitHub账户上的所有创建的远程仓库名,选择需要放入的仓库即可。

  10. 需要输入远程仓库所存放的位置的名字,通常默认名称为origin,亦或是其它名称,自己记得就行。输入对应远程仓库的名称如下:

  11. 添加完成后点击publish branch 即可上传到GitHub上指定仓库。

  12. 以下显示云端符号说明已提交到远程仓库。

  13. 进入GitHub可查看到已上传的文件。

© 2023 北京元石科技有限公司 ◎ 京公网安备 11010802042949号