手把手教你安装Git并在vscode上与Git建立连接

时间:2024-03-30 07:06:47

完全小白请看过来~~
老师要求我们一天之内整好这些工作,但是我们都是第一次接触,对这些完全不懂,百度了很多,也看了好多文章,感觉不太适合新手,所以总结了我的经验,为大家写下了篇文章,我也是新手,所以下面有很多都是参考总结的,编辑不易啊,真的体会到了

首先准备工作:
1 安装vscode,百度直接搜索,进入后点击Download,按照自己电脑版本就好手把手教你安装Git并在vscode上与Git建立连接
手把手教你安装Git并在vscode上与Git建立连接
vscode在选择安装位置的时候可以避开c盘,随便选择一个盘目录下,他会自己创建一个文件夹的

2注册一个GitHub账号GitHub网站

3安装git,也是百度搜索 : git安装 git官方安装
手把手教你安装Git并在vscode上与Git建立连接
手把手教你安装Git并在vscode上与Git建立连接
运行安装包
手把手教你安装Git并在vscode上与Git建立连接
手把手教你安装Git并在vscode上与Git建立连接更改安装位置,然后一路点击Next,直到出现Install,继续点击后等待安装

安装好git之后,启动Git Bash,输入 git 检测自己是否安装成功手把手教你安装Git并在vscode上与Git建立连接
输入 git 回车,出现下面一段表示安装成功

手把手教你安装Git并在vscode上与Git建立连接
接着输入 git config --global user.name “username” 按下回车
再输入 gir config --global user.email “[email protected]” 再按下回车
手把手教你安装Git并在vscode上与Git建立连接
我们来检测一下是否成功 输入 git config --global --list 按下回车
手把手教你安装Git并在vscode上与Git建立连接
如果都有出现,就说明绑定完成了

要想让电脑和我们的GitHub定向识别,我们就要创建一把钥匙
输入 ssh-****** -t rsa 连按三次回车
手把手教你安装Git并在vscode上与Git建立连接
然后我们打开c盘,找文件 c:/Users/计算机用户名/.ssh

手把手教你安装Git并在vscode上与Git建立连接
有的第二个文件会出现pub,没事的。出现这两个文件之后,就说明公钥私钥创建完成,下面我们要在Git网站里添加我们的公钥
手把手教你安装Git并在vscode上与Git建立连接
我这里是已经添加过了,所以会出现这样
手把手教你安装Git并在vscode上与Git建立连接
手把手教你安装Git并在vscode上与Git建立连接
手把手教你安装Git并在vscode上与Git建立连接
返回主页
手把手教你安装Git并在vscode上与Git建立连接
我们要建立我们的远程仓库(云端仓库)

手把手教你安装Git并在vscode上与Git建立连接
是不是想起来了,我们vscode还没有用到
所以我们打开vscode,全是英文版的界面怎么办
手把手教你安装Git并在vscode上与Git建立连接
下载中文安装包,很快的,安装完成之后,再重启下vscode就好了

要和远程库连接,我们需要新建一个本地库,找个你想放本地库的地方,新建一个文件夹,自己命名

手把手教你安装Git并在vscode上与Git建立连接
不要管我的界面,拖拽就好了,之后点击
手把手教你安装Git并在vscode上与Git建立连接
手把手教你安装Git并在vscode上与Git建立连接
我们要把文件给完完全全的打扫一遍,所以初始化,之后打开自己的文件,是不是什么都没有,不要着急
手把手教你安装Git并在vscode上与Git建立连接
勾上“隐藏的项目”之后就会看到有 .git文件,打开后几个文件
然后我们回到vscode

手把手教你安装Git并在vscode上与Git建立连接
点击新建终端,稍等一会,右下部分会出现光标闪动,或者直接按下回车,现在呢,我们要将本地库与云端的库相关联,我们要打开GitHub网站,打开我们之前建立的那个云端库
手把手教你安装Git并在vscode上与Git建立连接
输入一段代码 git remote add origin ctrl+V 将刚才点击的网址粘贴下来 按下回车

手把手教你安装Git并在vscode上与Git建立连接
手把手教你安装Git并在vscode上与Git建立连接
手把手教你安装Git并在vscode上与Git建立连接
手把手教你安装Git并在vscode上与Git建立连接
手把手教你安装Git并在vscode上与Git建立连接
手把手教你安装Git并在vscode上与Git建立连接
手把手教你安装Git并在vscode上与Git建立连接
手把手教你安装Git并在vscode上与Git建立连接
手把手教你安装Git并在vscode上与Git建立连接
手把手教你安装Git并在vscode上与Git建立连接
目前点击 “确定”就好了

稍等一会,打开Github,刷新一下,会看到自己的文件已经同步完成
我们已经建立了本地仓库和远程仓库的连接,以后可以直接在vscode中编辑代码了

呼~~没想到编辑这么累,太费时间了,哈哈哈哈
不过没关系,为了日后即将接触到的新手能看到这个文章,减少了他们所费的时间也值得。

未来的学习路上,我们一同前进!!