# gitlens使用文档（水杉仓库的使用）

## 如何在vscode中使用git

1.从水杉码园来获取自己仓库的url

![image-20231210174228047](https://markdown-wlxsp.oss-cn-shanghai.aliyuncs.com/image-20231210174228047.png)



2.将自己的仓库克隆到工作区

![image-20231210175302764](https://markdown-wlxsp.oss-cn-shanghai.aliyuncs.com/image-20231210175302764.png)

将1得到的url输入

![image-20231210175545980](https://markdown-wlxsp.oss-cn-shanghai.aliyuncs.com/image-20231210175545980.png)



修改文件

![image-20231210175751318](https://markdown-wlxsp.oss-cn-shanghai.aliyuncs.com/image-20231210175751318.png)

“+”的作用相当于git add

![image-20231210175823929](https://markdown-wlxsp.oss-cn-shanghai.aliyuncs.com/image-20231210175823929.png)

点击提交 然后在文件中输入commit的文字 相当于git commit

![image-20231210180010666](https://markdown-wlxsp.oss-cn-shanghai.aliyuncs.com/image-20231210180010666.png)

点击这个相当于 git push origin master

![image-20231210180158696](https://markdown-wlxsp.oss-cn-shanghai.aliyuncs.com/image-20231210180158696.png)

提交成功

![image-20231210180244411](https://markdown-wlxsp.oss-cn-shanghai.aliyuncs.com/image-20231210180244411.png)







## 如何使用gitlens

下载插件 gitlens

![image-20231210180454074](https://markdown-wlxsp.oss-cn-shanghai.aliyuncs.com/image-20231210180454074.png)



1. 将鼠标悬停在代码上，可以更深入地了解代码如何更改以及由谁更改。

   将鼠标停在后面的注释上会有更丰富的细节操作，可以通过设置来改变自己想要显示哪些信息

   ![image-20231204155007531](https://markdown-wlxsp.oss-cn-shanghai.aliyuncs.com/image-20231204155007531.png)

2. 点击下面的status bar 可以显示一些常用命令

3. 使用commits面板可以看到commits的信息，并且提供了按键来实现常用的命令，如pull push fetch等操作，因此不用专门去记git的命令。

   ![image-20231204155648663](https://markdown-wlxsp.oss-cn-shanghai.aliyuncs.com/image-20231204155648663.png)

   

   ![image-20231210180940523](https://markdown-wlxsp.oss-cn-shanghai.aliyuncs.com/image-20231210180940523.png)

   可以使用这个来进行两个branch的比较，可以看到修改了什么

   ![image-20231204155948419](https://markdown-wlxsp.oss-cn-shanghai.aliyuncs.com/image-20231204155948419.png)

4. 面板图如下![侧边栏视图](https://markdown-wlxsp.oss-cn-shanghai.aliyuncs.com/side-bar-views.png)

   如何提交

   ![image-20231204160647757](https://markdown-wlxsp.oss-cn-shanghai.aliyuncs.com/image-20231204160647757.png)

   用来存放中间文件

   ![image-20231204160818832](https://markdown-wlxsp.oss-cn-shanghai.aliyuncs.com/image-20231204160818832.png)

5. 官方给出的全部功能

   1. ![image-20231204161259306](https://markdown-wlxsp.oss-cn-shanghai.aliyuncs.com/image-20231204161259306.png)