告别git命令—可视化工具提交代码

这篇文章是因为前端交流群的群友的问了一个问题,他的vscode点击分支合并怎么取消,因为他还是用的git的命令行来进行代码提交,每次都很麻烦,还需要搜索命令,一个不慎就会出现这样的问题。今天给掘友们推荐可以前端git上传的可视化工具sourcetree,用了以后妈妈再也不用担心我的git提交。 这个是软件的主页:

非常的简洁,先说如何绑定仓库。点击软件的加号就回跳到这个页面,有三个选项,Clone、Add和Create,我们一般都是用Clone来克隆线上的仓库

点击克隆后会跳到这个页面,直接把克隆地址粘贴到这个url的地方就可以,下面的选项会自动识别,然后点击克隆按钮就可以直接克隆下来整个仓库

有仓库的话会显示这个页面

图片中的未暂存文件就是你写的代码,但是还没有然后的操作,点击暂存所有就会把代码放到暂存区。

然后在下方的框框里可以写代码的备注,点击提交按钮就算提交完代码了。

当然写代码肯定不能master一把梭了,肯定都有自己的分支才行,这个位置可以新建分支和切换分支,现在我的当前分支是"导入数据",我们先切换到develop的分支上,然后右键自己的导入数据分支(目前按无代码冲突的情况操作),右键后会有一个合并导入数据到当前分支。确保当前分支是你需要上传的分支,然后点击合并导入数据到当前分支就可以了

合并完分支后develop分支上会有一个提示,显示你有一个待推送的提交,直接点击推送就可以了

推送完就会在所有分支上显示记录,从上往下的顺序算,后面有推送的时间和是谁推送的

总结:可视化的git工具在git代码时,可谓是事半功倍,2分钟提交完代码,再也不会去文档找git命令了。可视化工具还能方便地查看他人的修改、解决冲突、提交代码等,可以更好地管理项目的版本控制。减少学习成本,更加容易上手,更直观、易于理解。

相关推荐
刺客-Andy13 分钟前
React 第七十节 Router中matchRoutes的使用详解及注意事项
前端·javascript·react.js
前端工作日常28 分钟前
我对eslint的进一步学习
前端·eslint
禁止摆烂_才浅1 小时前
VsCode 概览尺、装订线、代码块高亮设置
前端·visual studio code
程序员猫哥1 小时前
vue跳转页面的几种方法(推荐)
前端
代码老y2 小时前
十年回望:Vue 与 React 的设计哲学、演进轨迹与生态博弈
前端·vue.js·react.js
一条上岸小咸鱼2 小时前
Kotlin 基本数据类型(五):Array
android·前端·kotlin
zzywxc7872 小时前
详细探讨AI在金融、医疗、教育和制造业四大领域的具体落地案例,并通过代码、流程图、Prompt示例和图表等方式展示这些应用的实际效果。
开发语言·javascript·人工智能·深度学习·金融·prompt·流程图
大明882 小时前
用 mouseover/mouseout 事件代理模拟 mouseenter/mouseleave
前端·javascript
小杨梅君2 小时前
vue3+vite中使用自定义element-plus主题配置
前端·element
一个专注api接口开发的小白2 小时前
Python + 淘宝 API 开发:自动化采集商品数据的完整流程
前端·数据挖掘·api