vscode 插件 Git Graph 使用

本文介绍了如何在Visual Studio Code(VSCode)中使用GitGraph插件进行Git操作,包括下载插件、查看Git图、创建和切换分支、提交代码、暂存更改以及推送至远程仓库。详细步骤帮助开发者更直观地管理本地和远程分支。

vscode 插件 Git Graph 使用

插件搜索进行下载

在这里插入图片描述

左下角点击进行展示git graph

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-Mge2gpGu-1628581087352)(C:\Users\UNIS\AppData\Roaming\Typora\typora-user-images\image-20210810151523492.png)]

点击下载按钮,下载最新的远程分支数据

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-XKe1Kv5k-1628581087353)(C:\Users\UNIS\AppData\Roaming\Typora\typora-user-images\image-20210810151722456.png)]

在这个分支上创建自己的本地分支

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-EuieXDzp-1628581181448)(C:\Users\UNIS\AppData\Roaming\Typora\typora-user-images\image-20210810151910215.png)]

输入分支名字并且切换到改分支,点击确定

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-gg1swQzf-1628581087356)(C:\Users\UNIS\AppData\Roaming\Typora\typora-user-images\image-20210810152011419.png)]

上一步的前提,现在把代码提交了或者签出

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-lp0brVP4-1628581087357)(C:\Users\UNIS\AppData\Roaming\Typora\typora-user-images\image-20210810152209007.png)]

起个名字,回车存储未提交的代码

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-Xstr8JqL-1628581087358)(C:\Users\UNIS\AppData\Roaming\Typora\typora-user-images\image-20210810152339942.png)]

就可以在git Graph看到 存储起来了

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-1AkglH61-1628581087358)(C:\Users\UNIS\AppData\Roaming\Typora\typora-user-images\image-20210810152526299.png)]

鼠标右键选择 这个,还原回去

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-LPwJ5CoJ-1628581087359)(C:\Users\UNIS\AppData\Roaming\Typora\typora-user-images\image-20210810152632725.png)]

点击Yes,pop stash

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-EeORkgBu-1628581087359)(C:\Users\UNIS\AppData\Roaming\Typora\typora-user-images\image-20210810152654156.png)]

点击+号暂存所有更改

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-FuAAFZdN-1628581087361)(C:\Users\UNIS\AppData\Roaming\Typora\typora-user-images\image-20210810153138674.png)]

这里填写提交的内容,然后点击√ ,进行代码提交

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-Ei4YXzzu-1628581087365)(C:\Users\UNIS\AppData\Roaming\Typora\typora-user-images\image-20210810153250119.png)]

点击左下角,把代码进行推送到远程分支

在这里插入图片描述

如出现报错,在git graph 推送也可以 ,找到自己的分支,鼠标右键点击 push branch

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-3PwgP9hp-1628581087370)(C:\Users\UNIS\AppData\Roaming\Typora\typora-user-images\image-20210810153640117.png)]

### 如何在 VSCode使用 Git Graph 插件 要在 Visual Studio Code (VSCode) 中高效利用 **Git Graph** 插件,可以按照以下方法操作: #### 安装插件 首先,在 VSCode 的扩展市场中搜索并安装名为 `Git Graph` 的插件。该插件由 mhutchie 开发,能够直观地展示当前仓库中的分支结构、提交历史以及其他 Git 数据。 --- #### 启动与查看图形化界面 通过快捷键或命令面板启动插件: - 使用快捷键:按下 `Ctrl+Shift+G` 或者 `Cmd+Shift+G` 打开 Git Graph 图形视图。 - 命令面板方式:按 `F1` 键打开命令面板,输入 `Git Graph: Open View` 并执行此命令。 这一步会弹出一个可视化的窗口,显示项目的分支和提交记录[^1]。 --- #### 查看特定文件差异 如果需要比较两个分支之间的某个文件变化,可以在 Git Graph 界面右击目标提交节点,选择 `Compare Branches...` 功能。随后指定要对比的分支名称以及具体路径(如 `<branchA>` 和 `<branchB>`),运行如下命令即可实现文件级差异分析: ```bash $ git diff <branchA> <branchB> <filePath> ``` 上述命令允许开发者快速定位到不同分支间某单一文件的变化情况。 --- #### 配置忽略规则 对于 `.gitignore` 文件生效问题或者更新已有配置时,可以通过以下步骤完成: 1. 编辑项目根目录下的 `.gitignore` 文件; 2. 运行清理缓存命令移除已追踪但需被忽略的内容: ```bash $ git rm -r --cached . ``` 3. 添加所有更改至暂存区,并提交修改后的状态: ```bash $ git add -A $ git commit -m "chore(.gitignore): update .gitignore" ``` 这样做的目的是确保新的忽略模式立即应用而不影响现有版本控制数据。 --- #### 提交消息标准化 为了保持团队协作过程中的一致性和可读性,推荐集成 husky 工具设置 pre-commit hook 来强制执行代码风格检查;同时配合 Commitizen CLI 构建友好的交互式提交流程,最后借助 Commitlint 对最终形成的 message 格式加以校验[^2]。 --- #### 结合 Neo4j 分析复杂关系网络 虽然本主题主要围绕前端开发环境内的源码管理工具展开讨论,但如果涉及更深层次的数据挖掘需求,则可能需要用到像 Neo4j 这样的图数据库管理系统来进行高级查询处理工作流可视化等方面的支持[^3]。 ---
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值