郭卫东 发表于 2024-6-10 19:57:37

mac电脑git设置以及vscode图形化利用界面利用

本文章旨在教会各位git设置以及vscode 通过图形化利用界面利用git,结合部门网络所搜内容以及自身实践踩坑总结,假如不正欢迎指正,假如通过文章无法办理题目,欢迎留言接洽,看到必回,一起办理、共同进步!
一、mac电脑git设置

1 电脑利用系统及git版本

电脑利用系统:macOS Sonoma 版本14.2.1 (23C71)
git版本:2.39.3
2 创建堆栈

在这里可能有利用github,私人服务器大概gitee创建堆栈的,利用大同小异,无非是语言大概细节方面略有差异,我这里展示利用私人服务器搭建的git堆栈
https://img-blog.csdnimg.cn/direct/d500d8655b3947368c1cc114fdd94485.png上面填写堆栈名、形貌以及是否开源等,下面可以选择默认分支名,建议利用自动生成的即可,其他方式利用git可能是master,无需更改
https://img-blog.csdnimg.cn/direct/2e56a7132d074443a5b8923523a2ea3d.png堆栈创建完成后一般是这个页面,提供堆栈地址并提示怎样利用,但此时你可能电脑还未进行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的平台,找到设置,一般在个人主页附近位置
https://img-blog.csdnimg.cn/direct/e814fe5700a946babded7b4364b3470e.png
选取SSH/GPG密钥,部门平台可能略有差异,即SSH和GPGmiyao分开的话,点击SSH即可
随后点击增加密钥
https://img-blog.csdnimg.cn/direct/aaac85157d2441fc84382d6cc490bfe6.png密钥内容位置粘贴刚才复制的内容,填写后会自动生成密钥名称(这个也可以随意更改),填写完成后点击生存标识即可
3.3 验证是否连接乐成

回到终端输入以下代码:
ssh -T git@github.com 没有报错信息证明连接乐成
3.4 文件上传

进入到之前在创建的堆栈,拷贝HTTPS或SSH的URL均可https://img-blog.csdnimg.cn/direct/464ec0c4acf14f5e83765bc4f5261dcf.png然后在本地需要上传项目的文件夹内打开终端,在这里我利用之前学习vue3时的一个练手项目作为演示https://img-blog.csdnimg.cn/direct/b90d4028558d4151933a8a3a07caed8f.png可以在终端内输入cd+空格,然后拖拽文件夹打开
https://img-blog.csdnimg.cn/direct/2dc48b3de198412a975f562879f876dd.png然后输入以下下令:
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仓库中去
终端提示以下代码代表上传乐成
https://img-blog.csdnimg.cn/direct/2dad9dcb7bc34597bab31ba91f2c57e6.png
返回革新自己的git堆栈,即可以看到文件已经上传到相应堆栈中
https://img-blog.csdnimg.cn/direct/739a51a5c5c04c8e85de2ea7026bb245.png

二、vscode图形化利用界面利用

1 怎么找到并利用git

首先利用vscode打开本地刚才上传的项目,点击左边第三个位置的源代码管理,假如没有这个可以点击侧边栏看看是不是被隐蔽了
https://img-blog.csdnimg.cn/direct/2097ccef0667469a9f5341248ab4f22e.png
假如确定自己没有隐蔽,但是点进去提示当前没有源代码管理提供程序进行注册,那么可能是你不小心禁用了这个拓展,在扩展中输入@builtin搜索出Git,启用该插件,再重启软件就好了
https://img-blog.csdnimg.cn/direct/de12653f12c146a28c81226b3f5c806f.png
2 想要正常利用而不是提交后不停转圈圈需要的设置

首先找到软件的设置并点击进去
https://img-blog.csdnimg.cn/direct/75d58563a4da45e99c3662e5fc1cfc13.png
点进去后在搜索框输入use Editor并找到这个勾选框,取消勾选
https://img-blog.csdnimg.cn/direct/0c6885e6bfff4cc2910931576fb6c8bd.png
做好上述步骤后就已经完成了乐成利用vscode的前提条件,接下来继承上面提交的示例文件进行具体利用
3 vscode图形化利用git具体利用步骤

一开始这里显示没有更改是因为代码没有进行改动,可以将代码稍微进行一些改动,然后此处会有一个数字提示
https://img-blog.csdnimg.cn/direct/fe2aa445c67646bd9780f10bba88159e.png点进去后可以将想要提交的更改先点击加号暂存更改,然后点击提交,留意在点击提交后要输入一些提交信息,相称于上面的first commit,我这里输入second commit,然后点击回车后点击下面的同步更改,再点击确定
https://img-blog.csdnimg.cn/direct/74d4a2c3a2c54ae6ac9854e996d7820d.png完成以上步骤后回到自己的git堆栈找到自己刚才修改并提交位置的代码就会发现信息发生变化
​​​​​​ https://img-blog.csdnimg.cn/direct/365beba816d0482c91ef884a175ed498.png完成以上步骤说明你已经能乐成利用vscode图形化利用git

免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!更多信息从访问主页:qidao123.com:ToB企服之家,中国第一个企服评测及商务社交产业平台。
页: [1]
查看完整版本: mac电脑git设置以及vscode图形化利用界面利用