> 技术文档 > Git安装及环境配置(Windows、VS Code、GitHub环境)_git安装及配置教程windows

Git安装及环境配置(Windows、VS Code、GitHub环境)_git安装及配置教程windows


1.  Git简介

Git是一个分布式版本控制软件,核心作用是高效管理代码的历史版本和协同开发。

Git基本功能

1.  代码备份与历史追溯

记录每次代码修改的内容、时间和作者,随时回退到任意历史版本(比如新功能导致 Bug,一键还原)。

2.  多人协作开发

多人同时修改同一文件,自动合并变更(冲突时会提示),清晰记录谁修改了哪部分代码。

3.  分支管理

同时开发多个功能(每个功能独立分支),测试稳定后再合并到主分支。

2.  Git安装

step1. 登录https://git-scm.com/网站,64位的电脑直接下载Git for windows/x64 Setup

 step2. 进入安装选择界面。

!注意! 需要点击不同选项的我做了标注,其他点击Next默认就行。

step3. 可以选择修改存储盘

step4. 选择是否创建快捷导航图标,一般选择Don\'t,以后会在终端中打开Git。 

 step5. 选择Git应用软件,我用的是VS Code,所以选择下面这个:

 step6. 选择下面的按钮,默认main。

 step7. 注意刚刚有好几个选项都是默认,直接Next到现在这个界面,选择下面的按钮

step8. 注意刚刚又有几个选项是默认,直接Next到现在这个界面,勾选下面的按钮

 step9. 然后点击Install安装,然后取消下面那个默认勾选的按钮,就Finish啦~

step10. 最后Win + R输入cmd打开命令提示符,输入git --version测试一下是否安装成功,如果成功显示git的版本则表明安装成功

3.  VS Code配置

step1. 进入VS Code打开一个文件,点击左边栏里的小图标,并点击Initialize Repository

这步是通过Git为该文件创建一个仓库,用于保存代码并做后续操作。

step2. 为这个进度命名,并点击Commit,然后会跳出弹窗问你是否确定commit,可以直接点击Always,反正后续也知道了这个意义。

 step3. 设置git的用户名邮箱

如果刚刚按照步骤继续,会弹出报错的弹窗,告诉我们没有用户名和邮箱,我们在git官网的书上找到设置用户名和邮箱代码的方法。

终端运行这段代码,推荐最好使用你的GitHub的用户名和登录GitHub的邮箱,方便后续放到GitHub仓库中。

git config--global user.name \"用户名\"git config--global user.email 邮箱

 补充:终端在VS Code中直接选择,或者Win+R输入cmd进入命令提示符

4.  GitHub配置

!注意!保持GitHub是登录状态,且登录GitHub的浏览器是默认浏览器。

4.1  GitHub登录

step1. 点击Publish Branch登录,弹窗后继续点击Allow

step2. 跳转到GitHub后点击Continue,继续点击Authorize Visual-Studio-Code

step3. 在VS Code上面可以看到弹窗,在GitHub中,private repository表示私有,别人不能访问和看到你的仓库,pubic repository表示开源,这个根据个人需求自行选择。

step4. 选择完后会自动上传GitHub,但由于没有上传代理,会显示失败弹窗,没关系,接下来添加代理。

4.2  代理工具的IP地址和端口

step1. 打开代理工具(梯子)的“系统代理”和“局域网连接”,以Clash Verge为例:

step2. 打开电脑设置中的网络代理

step3.  在“手动设置代理”中找到“代理IP地址”和“端口”,并点击保存

 step4. 完成以上步骤之后,在终端输入以下代码命令:

git config --global http.proxy http://代理工具的IP地址:端口git config --global https.proxy https://代理工具的IP地址:端口如:git config --global http.proxy http://127.0.0.1:7890

step5. 再点击Publish Branch就可以成功上传到GitHub啦!

4.3  同步更新

当你在VS Code里更新并保存代码的时候,代码会很快保存到本地,如下图中的蓝色图标main代表本地,而粉色图标origin/main代表尚未保存到GitHub中。

点击Sync Changes表示将更新的代码同步保存到GitHub远程仓库中。

4.4  GitHub中查看仓库

如果是第一次注册GitHub的小伙伴,可以点开右上角的头像,点击Your repositories进入仓库,再通过命名可以搜寻到自己刚刚保存的代码库。

5.  指定仓库存储

在实际操作中,我们一般会在GitHub上先创建好仓库,再将VS Code中代码文件储存到GitHub中已创建好的指定仓库中。

5.1  创建GitHub仓库

随便进入GitHub的某个页面,点击右上角的加号,再点击New repository

 为创建的仓库命名 → 自行选择Pubic或者Private → 点击Create repository创建成功!

5.2  VS Code添加到指定仓库

step1. 保持GitHub账号在VS Code中是登录状态,再次点击左边栏中的小图标,点击边栏中的,在下拉菜单中点击Remote(远程),点击Add remote…(添加远程存储库…)

step2.  通过仓库名称搜索到刚刚创建的仓库并添加,自定义填入远程仓库名称。

 step3.  再点击Publish Branch就可以自动提交到GitHub指定仓库啦!