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

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

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

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

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

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

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

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

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

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

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

相关推荐
微臣愚钝2 小时前
前端【8】HTML+CSS+javascript实战项目----实现一个简单的待办事项列表 (To-Do List)
前端·javascript·css·html
lilu88888883 小时前
AI代码生成器赋能房地产:ScriptEcho如何革新VR/AR房产浏览体验
前端·人工智能·ar·vr
LCG元3 小时前
Vue.js组件开发-实现对视频预览
前端·vue.js·音视频
傻小胖3 小时前
shallowRef和shallowReactive的用法以及使用场景和ref和reactive的区别
javascript·vue.js·ecmascript
阿芯爱编程4 小时前
vue3 react区别
前端·react.js·前端框架
烛.照1034 小时前
Nginx部署的前端项目刷新404问题
运维·前端·nginx
YoloMari4 小时前
组件中的emit
前端·javascript·vue.js·微信小程序·uni-app
CaptainDrake4 小时前
力扣 Hot 100 题解 (js版)更新ing
javascript·算法·leetcode
浪浪山小白兔4 小时前
HTML5 Web Worker 的使用与实践
前端·html·html5
疯狂小料5 小时前
React 路由导航与传参详解
前端·react.js·前端框架