在vsCode中如何使用git工具来管理代码

6 篇文章 0 订阅
5 篇文章 0 订阅

git add .
git status 显示文件的状态
git commit -m ‘我是内容’

需要工具:

①VSCode

在VSCode官网上下载VSCode并进行安装。
VSCode官方网站
https://code.visualstudio.com/
VSCode官方网站图

②git

在git官方网站下载git并安装
https://git-scm.com/
git官方网站截图
注意在安装的过程中选择User vscode cocde as git’s default editor
在这里插入图片描述

③win+R打开cmd,在cmd中输入git,回车后如果有反馈则表示电脑已经具备了git环境。

在这里插入图片描述

④在桌面上新建测试项目文件夹demo_project并打开vscode

在这里插入图片描述

⑤使用vscode打开该文件夹并在demo_project文件夹中新建demo.html文件

在这里插入图片描述

点击左侧按钮①和发布到Github②

在这里插入图片描述
在这里插入图片描述
此时vscode已经开始对提交的文件进行处理
在这里插入图片描述

⑥此时我们打开GitHub网页登陆之后会发现demo_project库已经建立了,但是里面没有看到我们刚刚写的demo.html文件

在这里插入图片描述
⑦接下来我们回到vscode中,点击这个上传的小云彩的图标
在这里插入图片描述

⑧当小云彩图标变成了环形箭头的样子时,表示我们的代码已经上传到github中了,此时我们切换回github中刷新就可以看到刚刚上传的项目了。

在这里插入图片描述
在这里插入图片描述

⑨当我们再次新建文件demo2.html并修改后我们会发现刚刚新建的或者修改过的文件会变成绿色

在这里插入图片描述
确认修改无误后,左侧侧边栏源代码管理处会出现一个①也就是说明我们刚刚更改了一个文件。
接着点击小加号暂存更改
在这里插入图片描述
点击提交按钮√
在这里插入图片描述
在弹出的消息框中输入master并回车确认
在这里插入图片描述
此时更改已经上传到了本地,但是还没上传到云端
在这里插入图片描述

注意:关键(一定不要忘了点击这个按钮进行上传)

当我们再次点击圆圈箭头,vscode会再次帮我们进行同步更改
在这里插入图片描述
直到同步结束我们可以在GitHub对应的库中看到我们刚刚更新的demo2.html文件。
在这里插入图片描述
希望本文可以帮到更多有疑惑的朋友,当然这种方法不如代码来的实在,但是我觉的可以帮助一些像我一样刚开始使用git工具管理自己的代码但是还对命令操作不熟悉的童鞋们,也自己做一下记录和总结。
That’s all.

  • 4
    点赞
  • 19
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
嗨!对于在VSCode使用Git插件,你可以按照以下步骤进行操作: 1. 首先,确保你已经在你的电脑上安装了Git。你可以在终端或命令提示符输入 `git --version` 命令来验证是否已安装。 2. 打开VSCode,并在侧边栏的扩展面板搜索并安装Git扩展。你可以在左侧活动栏找到“扩展”按钮,然后搜索“Git”,从结果列表选择“Git”扩展,点击“安装”。 3. 安装完成后,你将在活动栏的底部找到Git图标。点击图标,将打开Git面板。 4. 在顶部的工具,你将看到一系列的Git操作按钮。这些按钮包括:初始化仓库、克隆仓库、提交更改、推送到远程仓库等。 5. 在你的项目使用Git时,你可以在源代码管理区域看到更改的文件列表。你可以点击文件名旁边的"+"或"-"符号来将文件添加到暂存区或取消暂存文件。 6. 当你做出更改后,可以使用提交按钮来提交更改。点击提交按钮后,输入提交消息并确认提交。 7. 如果你需要将更改推送到远程仓库,你可以使用推送按钮。点击推送按钮后,输入你的远程仓库的URL和凭据,然后确认推送。 8. 除了使用界面操作外,你还可以使用VSCode内置的终端或命令提示符来执行Git命令。在顶部菜单选择“查看”>“集成终端”,然后在终端键入相应的Git命令。 这些是在VSCode使用Git插件的基本步骤。希望对你有所帮助!如果你有任何其他问题,请随时提问。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值