本文章旨在教会各位git设置以及vscode 通过图形化操作界面使用git,结合部分网络所搜内容以及自身实践踩坑总结,如果不正欢迎指正,如果通过文章无法解决问题,欢迎留言联系,看到必回,一起解决、共同进步!
一、mac电脑git配置
1 电脑操作系统及git版本
电脑操作系统:macOS Sonoma 版本14.2.1 (23C71)
git版本:2.39.3
2 创建仓库
在这里可能有使用github,私人服务器或者gitee创建仓库的,操作大同小异,无非是语言或者细节方面略有不同,我这里展示使用私人服务器搭建的git仓库
上面填写仓库名、描述以及是否开源等,下面可以选择默认分支名,建议使用自动生成的即可,其他方式使用git可能是master,无需更改
仓库创建完成后一般是这个页面,提供仓库地址并提示如何操作,但此时你可能电脑还未进行git配置,先不要按他的操作进行
3 本地git配置及终端命令
3.1 git配置
打开终端,输入如下命令:
git config --global user.name "xxxx"
git config --global user.email "[email protected]"
注意:这里的user.name后面的xxxx需要替换成自己使用平台的用户名,user.email后面的xxxx@qq.com需要替换成自己使用平台当前账户绑定的邮箱
3.2 配置专属SSH Key
mac电脑在初次使用git时需要配置专属的ssh key,具体步骤如下:
终端输入如下命令,仍是使用自己账号对应的邮箱进行相应位置的替换
ssh-keygen -t rsa -C "[email protected]"
点击回车后终端会有以下输出:
Generating public/private rsa key pair.
Enter file in which to save the key (/Users/mac/.ssh/id_rsa):
这里是设置保存目录,直接回车即可,然后需要输入电脑密码,完成后输入如下命令:
vim ~/.ssh/id_rsa.pub
进入编辑器后复制编辑器上半部分的全部内容,随后进入自己使用git的平台,找到设置,一般在个人主页附近位置
选取SSH/GPG密钥,部分平台可能略有差异,即SSH和GPGmiyao分开的话,点击SSH即可
随后点击增加密钥
密钥内容位置粘贴刚才复制的内容,填写后会自动生成密钥名称(这个也可以随意更改),填写完成后点击保存标识即可
3.3 验证是否连接成功
回到终端输入以下代码:
ssh -T [email protected]
没有报错信息证明连接成功
3.4 文件上传
进入到之前在创建的仓库,拷贝HTTPS或SSH的URL均可然后在本地需要上传项目的文件夹内打开终端,在这里我使用之前学习vue3时的一个练手项目作为演示可以在终端内输入cd+空格,然后拖拽文件夹打开
然后输入以下命令:
git init
终端提示以下代码代表初始化成功
Initialized empty Git repository in /Users/mac/Desktop/Front/buka/b0393/vue3-blog/blog-1/vue3_mt/.git/
输入如下命令添加远程连接地址,其中URL地址为之前拷贝的仓库地址
git remote add origin 你仓库的URL地址
再把远程仓库的文件pull到本地项目文件夹中(此步骤必须进行)
git pull origin 分支名
之后就可以直接将需要同步的文件上传到你的git仓库中了
git add . //add后面跟"."表明添加所有文件,如果只需要添加个别文件直接后面跟文件名,也可后面跟多个文件名
git commit -m "first submit" //注释说明,每次提交新文件或更改的文件都需要添加注释
git push -u origin 分支名 //将add的文件push到github仓库中去
终端提示以下代码代表上传成功
返回刷新自己的git仓库,即可以看到文件已经上传到相应仓库中
二、vscode图形化操作界面使用
1 怎么找到并使用git
首先使用vscode打开本地刚才上传的项目,点击左边第三个位置的源代码管理,如果没有这个可以点击侧边栏看看是不是被隐藏了
如果确定自己没有隐藏,但是点进去提示当前没有源代码管理提供程序进行注册,那么可能是你不小心禁用了这个拓展,在扩展中输入@builtin搜索出Git,启用该插件,再重启软件就好了
2 想要正常使用而不是提交后一直转圈圈需要的设置
首先找到软件的设置并点击进去
点进去后在搜索框输入use Editor并找到这个勾选框,取消勾选
做好上述步骤后就已经完成了成功使用vscode的前提条件,接下来继续上面提交的示例文件进行详细操作
3 vscode图形化操作git具体操作步骤
一开始这里显示没有更改是因为代码没有进行改动,可以将代码稍微进行一些改动,然后此处会有一个数字提示
点进去后可以将想要提交的更改先点击加号暂存更改,然后点击提交,注意在点击提交后要输入一些提交信息,相当于上面的first commit,我这里输入second commit,然后点击回车后点击下面的同步更改,再点击确定
完成以上步骤后回到自己的git仓库找到自己刚才修改并提交位置的代码就会发现信息发生变化
完成以上步骤说明你已经能成功使用vscode图形化操作git
版权归原作者 爱敲代码的小鑫 所有, 如有侵权,请联系我们删除。