在VSCode中使用Git教程

野性酷女 2024-05-05 22:22 72阅读 0赞

#### 文章目录 ####

*  提交代码
 *  操作分支
 *  提交远程库
 *  拉取代码
 *  参考

介绍一下如何在VSCode中使用Git  
首先在VSCode中打开一个项目  
打开项目后, 点击下图按钮, 可以引入Git

![在这里插入图片描述][e57d3d80b1bb4457ba03b68f131c6e41.png]

## 提交代码 ##

点击 + ；相当于`git add`.

下面两张图, 第一张表示改文件后的+号, 只会add本文件. 第二张图表示这段时间改动过的文件一起全部add  
![在这里插入图片描述][7a0c6e5651314309b7c22210391f7eb8.png]  
![在这里插入图片描述][b5b0da3413f541b1a1ebff320ae7b108.png]  
点击上面的+号后, 点击对号(Commit), 等于`git commit -m "备注信息"`；

此时会弹出一个文件, 名为COMMIT\_EDITMSG, 在这个文件中填写提交信息, VSCode会将写入的内容自动保存, 然后你只管关闭这个文件就好了, 这时就完成了Git Commit

> 解释: 当您提交时，Git需要一个提交消息。为了获得提交消息，Git将使用一个名为`COMMIT_EDITMSG`的文件调用编辑器，该文件是您编写消息、保存文件并关闭它的地方。一旦您这样做了，Git将接受该消息，去掉注释，并将其用作提交的提交消息。  
> 在这种情况下，这是按照设计完成的，您只需输入提交消息即可。

![在这里插入图片描述][353de79f60ac48839ec78af34e7e48cb.png]  
然后我们可以看到暂存区的文件都不见了, 因为我们已经从暂存区提交上了  
![在这里插入图片描述][5279cde80f284415aeee742867c82103.png]

这里推荐下载一个插件, 这可以清晰的查看git历史记录  
![在这里插入图片描述][664b40a4ab6e4264856a6780fa47048e.png]  
按下Ctrl+Shift+p键, 输入git log  
![在这里插入图片描述][25b80e5332904b28894b3b5603f9c11f.png]  
就可以查看历史提交记录了  
![在这里插入图片描述][5b02b3fb0a6947888e0f1c37eb15ae9a.png]  
下图圈出的部分把鼠标放上会有多种提示操作, 非常的方便  
![在这里插入图片描述][42cceef3415a4225859368072bc7c126.png]

## 操作分支 ##

在 VS Code 中，我们可以通过命令面板或者集成终端来执行 Git 命令。下面是在 VS Code 中切换分支的步骤：

1.  打开 VS Code，并打开要操作的代码仓库。
2.  在菜单栏中选择“查看”（View）-“命令面板”（Command Palette），或者使用快捷键 Ctrl+Shift+P（Windows/Linux）或 Cmd+Shift+P（Mac）打开命令面板。
3.  在命令面板中输入“Git: Checkout to…”并选择该命令。

输入要切换到的分支名称，然后按回车键。示例：输入“feature-branch”切换到名为“feature-branch”的分支。  
通过上述步骤，您就可以在 VS Code 中轻松切换到不同的分支。  
![在这里插入图片描述][f57b596580aa449281bc11838373d105.png]  
![在这里插入图片描述][b8405168ae7745a2b6a255a8d72bec2a.png]  
[detached HEAD state的解释][detached HEAD state]

## 提交远程库 ##

还未操作, 以后更新, 可以查看参考内容

## 拉取代码 ##

还未操作, 以后更新, 可以查看参考内容

## 参考 ##

[VSCode中的git使用篇][VSCode_git]  
[巧用vscode编辑器 ,利用vscode可视化git跟踪git历史记录，简单实现git日常操作][vscode_ _vscode_git_git_git]

[e57d3d80b1bb4457ba03b68f131c6e41.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/05/ede41715c3ec480ca92e6fd69e48d57c.png
[7a0c6e5651314309b7c22210391f7eb8.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/05/da14e26094814547b0f6249eb1cf8f50.png
[b5b0da3413f541b1a1ebff320ae7b108.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/05/05d6aad8339b4f91ad46754059a84c57.png
[353de79f60ac48839ec78af34e7e48cb.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/05/8c063f393ef24aa3b0dfe53f2bf646b2.png
[5279cde80f284415aeee742867c82103.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/05/06c65f8d1a284a8485d3299951523eae.png
[664b40a4ab6e4264856a6780fa47048e.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/05/eb272db1801d4265973a6603af785546.png
[25b80e5332904b28894b3b5603f9c11f.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/05/44d08d89db0c4345811b159d2e04af98.png
[5b02b3fb0a6947888e0f1c37eb15ae9a.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/05/361952ac16804b42a56538ddbd9c204d.png
[42cceef3415a4225859368072bc7c126.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/05/898f6efa91134c43bdd260c675e20ebc.png
[f57b596580aa449281bc11838373d105.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/05/7b5e902fd6db405890548f13e07a2f04.png
[b8405168ae7745a2b6a255a8d72bec2a.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/05/28a0d548e9174a9997796ba8f7fb68c8.png
[detached HEAD state]: https://www.cnblogs.com/hustdc/p/6444910.html
[VSCode_git]: https://blog.csdn.net/weixin_38023551/article/details/105785223
[vscode_ _vscode_git_git_git]: https://blog.csdn.net/marendu/article/details/119419674