欢迎来到尧图网

客户服务 关于我们

您的位置:首页 > 文旅 > 美景 > vscode搭建git

vscode搭建git

2025/2/7 8:57:11 来源:https://blog.csdn.net/qq_62917398/article/details/145435008  浏览:    关键词:vscode搭建git

vscode搭建git

  • 一、安装git
  • 二、vscode上搭建git
    • (1) 先创建本地仓库再上传到远程仓库,远程仓库名是根据本地仓库名一致
    • (2) 先创建远程仓库,再将本地仓库上传到指定远程仓库

一、安装git

网络教程很多,在此就不赘述了
参考:git安装参考

二、vscode上搭建git

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

1、初次打开vscode,选择【源代码管理】如下显示,说明git已安装成功
在这里插入图片描述
2、本地新建文件夹并通过vscode打开
在这里插入图片描述
3、再次选择【源代码管理】,选择初始化仓库
在这里插入图片描述
4、初始化仓库后便可提交代码
在这里插入图片描述
5、若没有设置用户名和邮箱,填好提交的标签后此时会提示需要配置用户名和邮箱
在这里插入图片描述
git配置用户名和邮箱命令:(用户名可任意取,邮箱地址最好与所绑定的github邮箱地址一致)

git config --global user.name "用户名"
git config --global user.email "邮箱地址"

6、设置完成后提交到本地仓库成功并可看到下方提交记录(此时表示提交到本地仓库成功)
在这里插入图片描述
7、此时修改代码并保存,可看到左侧提示有文件被修改还没被提交
在这里插入图片描述
8、再次提交
在这里插入图片描述
9、此时更新的代码已提交到本地仓库,可查看提交记录和最新提交所修改的地方
在这里插入图片描述
10、选择如下选项上传到远程仓库

在这里插入图片描述
11、若vscode第一次上传到githup,会提示如下信息
[通过vscode登录到github]
在这里插入图片描述

解决:

  • 在本机默认浏览器注册并登录github,并保持登录

  • 将github账号的权限授予vscode
    在这里插入图片描述

  • continue
    在这里插入图片描述
    在这里插入图片描述

  • 选择允许后,vscode搜索栏出现需要将提交的项目是选择【公开】或【私人】,根据需要选择即可
    在这里插入图片描述

  • 由于访问github需要有代理,但vscode上还未设置代理,导致上传文件失败(通常都是第一次使用需要)
    在这里插入图片描述

  • 给git设置代理命令(需要自己电脑有代理)

在这里插入图片描述

  • 设置代理完成后,再次选择【Publish Branch】,此时本地文件推送到了githup上,分支上显示有云端图标,如下,说明上传到github远程仓库成功
    在这里插入图片描述

  • 此时githup上也可看到上传的项目

在这里插入图片描述

  • 上传的项目名称默认是本地文件夹名称,若有需要可修改远程项目的名字
    在这里插入图片描述

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

1、创建远程仓库,取好文件名
在这里插入图片描述
2、本地需要上传的文件所在文件夹通过vscode打开(参考(1))
3、选择初始化仓库(参考(1))
4、输入标签并从提交(commit)(参考(1))
在这里插入图片描述

5、此时若选择Publish branch ,会默认在远程仓库新建一个与本地仓库同名的仓库((1)步已有步骤),由于我们在githup上已经创建好了远程仓库,所以我们要提交到指定的github远程仓库上,本步骤忽略,直接进行下一步操作
在这里插入图片描述
6、按如下操作选择添加到远程仓库
在这里插入图片描述
7、使用该项的前提是在vscode已经使用过了githup相关操作(由于上方已经设置过,所以可直接使用)
在这里插入图片描述

8、上传前查看vscode是否已登录过github,可通过vscode账户查看(若是以下显示则是已登录)
在这里插入图片描述
9、选择添加远程仓库后会列出自己github账户上的所有创建的远程仓库名,选择需要放入的仓库即可
在这里插入图片描述
10、需要输入远程仓库所存放的位置的名字,通常默认名称为origin,亦或是其它名称,自己记得就行

在这里插入图片描述
输入对应远程仓库的名称如下:
在这里插入图片描述
在这里插入图片描述

11、添加完成后点击publish branch 即可上传到githup上指定仓库
在这里插入图片描述
12、以下显示云端符号说明已提交到远程仓库
在这里插入图片描述
13、进入github可查看到已上传的文件
在这里插入图片描述

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com