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

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

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

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

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

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

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

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

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

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

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

相关推荐
大橙子额19 分钟前
【解决报错】Cannot assign to read only property ‘exports‘ of object ‘#<Object>‘
前端·javascript·vue.js
WooaiJava2 小时前
AI 智能助手项目面试技术要点总结(前端部分)
javascript·大模型·html5
LYFlied2 小时前
从 Vue 到 React,再到 React Native:资深前端开发者的平滑过渡指南
vue.js·react native·react.js
爱喝白开水a2 小时前
前端AI自动化测试:brower-use调研让大模型帮你做网页交互与测试
前端·人工智能·大模型·prompt·交互·agent·rag
Never_Satisfied2 小时前
在JavaScript / HTML中,关于querySelectorAll方法
开发语言·javascript·html
董世昌412 小时前
深度解析ES6 Set与Map:相同点、核心差异及实战选型
前端·javascript·es6
B站_计算机毕业设计之家2 小时前
豆瓣电影数据采集分析推荐系统 | Python Vue Flask框架 LSTM Echarts多技术融合开发 毕业设计源码 计算机
vue.js·python·机器学习·flask·echarts·lstm·推荐算法
WeiXiao_Hyy3 小时前
成为 Top 1% 的工程师
java·开发语言·javascript·经验分享·后端
吃杠碰小鸡3 小时前
高中数学-数列-导数证明
前端·数学·算法
kingwebo'sZone3 小时前
C#使用Aspose.Words把 word转成图片
前端·c#·word