当前位置:   article > 正文

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

vscode源代码管理git

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.

声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:【wpsshop博客】
推荐阅读
相关标签
  

闽ICP备14008679号