VSCode搭建Git教程
VSCode搭建Git教程
本文将详细介绍如何在VSCode上搭建Git,包括Git的安装以及两种在VSCode上使用Git的方法:先创建本地仓库再上传到远程仓库,以及先创建远程仓库再将本地仓库上传到指定远程仓库。
一、安装Git
网络教程很多,在此就不赘述了。你可以参考Git安装参考。
二、VSCode上搭建Git
(1) 先创建本地仓库再上传到远程仓库,远程仓库名是根据本地仓库名一致
初次打开VSCode,选择【源代码管理】,如下显示,说明Git已安装成功。
本地新建文件夹并通过VSCode打开。
再次选择【源代码管理】,选择初始化仓库。
初始化仓库后便可提交代码。
若没有设置用户名和邮箱,填好提交的标签后此时会提示需要配置用户名和邮箱。你可以使用以下命令进行配置:
git config --global user.name "用户名" git config --global user.email "邮箱地址"
设置完成后提交到本地仓库成功并可看到下方提交记录(此时表示提交到本地仓库成功)。
此时修改代码并保存,可看到左侧提示有文件被修改还没被提交。
再次提交。
此时更新的代码已提交到本地仓库,可查看提交记录和最新提交所修改的地方。
选择如下选项上传到远程仓库。
若VSCode第一次上传到GitHub,会提示如下信息:
- 在本机默认浏览器注册并登录GitHub,并保持登录。
- 将GitHub账号的权限授予VSCode。
- continue。
- 选择允许后,VSCode搜索栏出现需要将提交的项目是选择【公开】或【私人】,根据需要选择即可。
- 由于访问GitHub需要有代理,但VSCode上还未设置代理,导致上传文件失败(通常都是第一次使用需要)。
- 给Git设置代理命令(需要自己电脑有代理)。
- 设置代理完成后,再次选择【Publish Branch】,此时本地文件推送到了GitHub上,分支上显示有云端图标,如下,说明上传到GitHub远程仓库成功。
- 此时GitHub上也可看到上传的项目。
- 上传的项目名称默认是本地文件夹名称,若有需要可修改远程项目的名字。
(2) 先创建远程仓库,再将本地仓库上传到指定远程仓库
创建远程仓库,取好文件名。
本地需要上传的文件所在文件夹通过VSCode打开。(参考(1))
选择初始化仓库。(参考(1))
输入标签并从提交(commit)。(参考(1))
此时若选择Publish branch ,会默认在远程仓库新建一个与本地仓库同名的仓库((1)步已有步骤),由于我们在GitHub上已经创建好了远程仓库,所以我们要提交到指定的GitHub远程仓库上,本步骤忽略,直接进行下一步操作。
按如下操作选择添加到远程仓库。
使用该项的前提是在VSCode已经使用过了GitHub相关操作(由于上方已经设置过,所以可直接使用)。
上传前查看VSCode是否已登录过GitHub,可通过VSCode账户查看(若是以下显示则是已登录)。
选择添加远程仓库后会列出自己GitHub账户上的所有创建的远程仓库名,选择需要放入的仓库即可。
需要输入远程仓库所存放的位置的名字,通常默认名称为origin,亦或是其它名称,自己记得就行。输入对应远程仓库的名称如下:
添加完成后点击publish branch 即可上传到GitHub上指定仓库。
以下显示云端符号说明已提交到远程仓库。
进入GitHub可查看到已上传的文件。