mac电脑git配置以及vscode图形化操作界面使用

本文章旨在教会各位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 "xxxx@qq.com"

注意：这里的user.name后面的xxxx需要替换成自己使用平台的用户名，user.email后面的xxxx@qq.com需要替换成自己使用平台当前账户绑定的邮箱

3.2 配置专属SSH Key

mac电脑在初次使用git时需要配置专属的ssh key，具体步骤如下：
终端输入如下命令，仍是使用自己账号对应的邮箱进行相应位置的替换

ssh-keygen -t rsa -C "xxxx@qq.com"

点击回车后终端会有以下输出：

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 git@github.com

没有报错信息证明连接成功

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