介绍sourceTree

206 阅读7分钟

掘金的小伙伴大家好,6月份的我从学校毕业,7月份找到了职业生涯的第一份工作,前端开发(目前小程序方向,后期应该会涉猎web端),就想写写文章,也算是对工作的总结,也是一个巩固和学习的过程,那我们今天介绍什么呢?接着往下看:
一开始到公司,认识了自己的师傅熟悉下一起共事的同事,我的师傅还是主管,瞬间感觉境界和格局提升了,哈哈,当然这些都不是我想表达的重点,重点在于第一天,给我的任务是观看小程序的官方文档,这边顺带附一下链接,便于需要的人查阅(https://developers.weixin.qq.com/miniprogram/dev/framework/) 但是我今天的想介绍的不是官方文档,这个等过几天和大家说说在工作中常用到API和一些个人认为比较好用的Vant的某些组件,我今天想介绍的是sourceTree。
什么是sourceTree呢?一开始我也很疑惑,经过师傅的介绍,和通过写静态页面的练习,懂得了原来是一个合代码的工具,顾名思义就是,你今天写的代码,和团队中其他写的代码,通过拉起,合并,提交,推送来把我们的代码合并在一起,便于管理,是的,大家可能听过git,其实就是他,但是git的命令那么多,实在记不住,不然图像化界面来的高效,易懂,当然也不排除有些大佬喜欢用,但是我和这些大佬是有差距的,还是老老实实的用sourceTree吧哈哈,话不多说,直接开始上链接和介绍些每天用到的,和需要注意的地方www.sourcetreeapp.com/ 大家可以点击这个链接去下载,下载完,会出现如下的界面

first.png 是的,在使用之前,需要先注册个账号,我的不知道是不是公司注册过的原因,一直提示用户已经存在,所以接下去的图片是从网上找的,认为比较好的进行说明,大家将就看看,上面说到一直提示用户已经存在,但是换了号,也是一样,在公司首次安装也有这个问题,部分人可能也会遇到,这边建议,可以多刷新几次,或者重新退出安装,多尝试几次,可能突然就成功了,就是这样,不知不觉就成功了,这边多说句,大家在开发小程序时,遇到觉得没错的时候,不要怀疑自己,首先要先怀疑编译器,刷新重启可能就正常了,真的就是不知不觉就成功了,俗话说什么,代码能跑,就不要去动了哈哈。 这个时候我们注册完了之后会出现如下的界面:

src=http___img-blog.csdnimg.cn_1d260b4aa240446e8df9930a0e68ef96.png_x-oss-process=image_watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3MxNTIxMjc5MDYwNw==,size_16,color_FFFFFF,t.webp 对,这个时候就可以根据你公司具体的项目,到git中去复制项目的url,在点击克隆即可,这个应该没什么问题,克隆完成之后,会出现基本的首页,如下

basic.png 然后我们就可以在分支这个按钮中创建自己分支,接下来我也大家介绍几个都看到的分支,

  1. 图中的master分支,我记得师傅告诉我的是为产品的主分支,该分支是只读唯一的,也是用于部署生产环境的分支,需确保其的稳定性;
  2. 可能大家还会见到dev的分支,顾名思义开发分支,是基于master分支创建的,好像也是只读唯一的,但是要注意,不要在dev分支下做功能开发和修复Bug,不然会冲突,我记得有次我就可能推送了什么,老员工一看,直接崩掉,然后告诉我,一般开发新功能时,feature分支都是基于develop分支下创建的。develop 分支包含所有要发布到下一个release的代码。feature功能分支完成后, 开发人员需合并到develop分支(不推送远程),需先将develop分支合并到feature,解决完冲突后再合并到develop分支。(还是说了句,只推送自己的,有冲突一定要找我们,哈哈,确实,我之前还做过自己解决冲突,百度些命令,结果把自己的一周东西都删了,可能也是只提交,没推送的原因,回退都找不到,结果可想而知,重写了,还好只是些刚刚开始拿来练习的静态页面,不然,
  3. 就是上面有提到的feature分支通常为新功能或新特性开发分支,以develop分支为基础创建feature分支,可以在feature/自己的名字,还有新的分支,可以在后面在加,比如我的分支,就是feature/师傅的名字/我的名字这样。
  4. 注:常见分支的理解,有什么补充和建议欢迎评论哦

介绍我基本的分支和创建,我在分享下拉取合并,老规矩,先附上张图,更好说明:

拉取.png 用上面这张图来说明,假设我们有个场景,要把dev的分支合并到自己分支,假设master就先当作我们自己的,记住,第一步要先点击dev,前面的圆圈在dev那,说明切换成功,然后右键鼠标,像上图那样,我们点击拉取,拉取成功后;第二步,记得在切换回我们自己的分支,进行上图的合并,这样就完成了拉取合并,获取到最新的代码了。(总的一句话概括,就是先切换,在拉取,再次切回自己的,在合并)这是我每天早上去公司打开电脑的第一件事情。

接下来,我在说说上述提到的冲突,如果拉取合并时,有冲突,就会弹窗提示,那我可以点击提交的按钮, 在下部分区域,会出现如下的图标,

冲突.jpg 有个感叹号,说明这个文件存在冲突,那就可以打开vscode的,或者你擅长的编译器,看看存在什么冲突,(冲突的话,vscode存在这个文件的包会变成红色,就跟我们报错的时候一样)然后找到文件,会有个<<<Head ....>>>什么的包裹冲突的代码块,我们去排查就好,这个时候可以对着<<<Head....>>>右建,会出来写选项,我一般冲突都是重复代码,我就选择一个,什么Both...的,就说都保留着,然后自己慢慢删除,排查,之后要是在有遇到其他冲突,我在单独写一份说明。 冲突说完,我再浅浅介绍一下提交推送,假设我们一天的工作完成,我把我们今天写的说明一下,改了哪些地方,做了什么保存推送,这个时候不管用什么编译器编写,再sourceTree的提交按钮出现像上述图中推送那个数字标,就是说今天你写了,动了哪些,都会自动保存再那,这个时候我们点击提交,就会再小半个区域出现我们的代码文件,大家可以看看有机会,改动的地方会红色的背景,这个时候我们可以先点击暂存所有,就会到上半部分区域,然后我们再文本框中文字说明今天做了哪些就好,然后点击文本区域下面的提交,就会到推送那里了,我们再推送就ok啦,就完成了今天的工作,让领导看看完成哪些,就可以回家葛优躺了哈哈,(当然一句玩笑话,这个还是方便更好的管理代码,出问题也可以及时的发现和回退) 一大堆文字,大家可能也是一头雾水,不怕,图片哈哈,

20210113195330146.png 20210113195410254.png 最后让大家看看,推送成功的图片吧,

sucess.png ok,美好的一天结束了,第一次写文章,大家多多包涵,哪里不好不足欢迎大家留言评论,希望后期写的越来越好,技术也有所提升,对了,最后说一句,因为我的soureTree在自己电脑注册不了,所以以上图片都是网上找的,加以说明,有侵权还请海涵,谢谢大家的观看,下次更新见咯!!!