当前位置:首页 > 技术分析 > 正文内容

IDEA 中玩转 Git

ruisui883个月前 (03-04)技术分析20

Git 有很多客户端工具,不过感觉还是命令行操作最好用,方便又快捷,不过命令行操作需要小伙伴们对 Git 命令比较熟练,这可能对有的人来说会有一些难度,所以,客户端工具有时候也不能抛弃,如果非要推荐一个 Git 客户端工具,我觉得还是 IDEA 中的 Git 插件吧。其他的 Git 客户端工具松哥之前也有体验过一些,不过感觉还是 IDEA 中的用起来更加省事。

今天这篇文章算是我第二次教大家在开发工具中使用 Git 了,刚毕业的时候,松哥写过一篇文章,教大家在 Eclipse 中使用 Git,那时候在 Eclipse 中使用 Git 是真的麻烦,光是插件就要安装半天,刚刚翻了一下那篇文章,已经是七年前的事情了。

七年之后,Eclipse 也没了往日的风光,IDEA 逐渐成了开发的主流工具,咱们今天就来捋一捋 IDEA 中使用 Git。

1. 基本配置

首先你要安装 Git,这个就不需要我多说了,IDEA 上默认也是安装了 Git 插件,可以直接使用。

为了给小伙伴们演示方便,我这里使用 GitHub 作为远程仓库,如果还有人不清楚 GitHub 和 Git 的区别,可以在公众号江南一点雨底部菜单栏查看 Git 教程,看完了就明白了。

从 2021.08.13 号开始,IDEA 上配置 GitHub 有一个小小的变化,即不能使用用户名密码的方式登录了,如果你尝试用用户名/密码的方式登录 GitHub 提交代码,会收到如下提示:

Support for password authentication was removed on August 13, 2021. 
Please use a personal access token instead.

在 IDEA 上使用用户名/密码的方法登录 GitHub 也会报如下错误:

需要我们点击右上角的 Use Token,使用令牌的方式登录 GitHub,令牌的生成方式如下:

  1. 网页上登录你的 GitHub 账号。
  2. 点击右上角,选择 Settings:
  1. 拉到最下方,选择左边的 Developer settings:
  1. 选择左边的 Personal access tokens,然后点击右上角的 Generate new token:
  1. 填一下基本信息,选一下权限即可(权限需要选择 repo 和 gist,其他根据自己的需求选择):
  1. 最后会生成一个令牌,拷贝到 IDEA 中即可,如下:

这就是基本配置。

小伙伴们在公司做开发,一般是不会将 GitHub 作为远程仓库的,那么这块根据自己实际情况来配置就行了。

2. clone

头一天上班,首先上来要先 clone 项目下来,IDEA 中有对应的 clone 工具,我们直接使用即可:

这块也可以直接选择下面的 GitHub,然后直接从自己的 GitHub 仓库上拉取新代码。

clone 完成之后,IDEA 会提示是否打开该项目,选择 yes 即可。

代码 clone 下来之后,就可以根据松哥前文介绍的 Git Flow 开始开发了。

3. 分支

假设我们先创建 develop 和 release 分支,创建方式如下,选中当前工程,右键单击,然后依次选择 Git->Repository->Branches...

或者依次点击顶部的 VCS->Git->Branches...

当然两个方式都比较麻烦,直接点击 IDEA 的右下角最为省事,也是最常用的办法,如下图:

选择 New Branch,然后创建新的分支,勾选上 Checkout 表示分支创建成功后,切换到该分支上,如下:

选择一个分支,然后点击 Checkout,可以切换到该分支上:

接下来我们把 develop 分支提交到远程仓库,如下:

我们没有修改代码,所以直接点击 Push 按钮提交即可。

提交完成后,develop 后面多了 origin 前缀,Remote Branches 中也多了 develop 分支,说明提交成功。

现在假设我们想从 develop 上拉一个名为 feature-login 的分支,来完成登录功能,如下:

从创建的日志中,我们能看到 feature-login 确实是来自 develop:

好啦,接下来我们就可以愉快的开启一天的工作啦~

feature-login 上的功能开发完成后,首先点击 IDEA 的右上角完成本地仓库的提交,如下图:

填入提交的 Message,下方也能看到不同版本的内容对比,点击右下角完成代码提交,注意这个只是提交到本地仓库。

由于我们并不会将 feature-login 提交到远程仓库,所以接下来我们要将 feature-login 合并到 develop 然后将最新的 develop push 到远程仓库,操作方式如下:

  1. 切换回 develop 分支。
  2. 选择 feature-login->Merge into Current 进行合并。

合并完成后,如需删除 feature-login 分支,也可以在 IDEA 日志中顺手删除:

不过上面介绍的合并是快速合并,即让 develop 的指针指向了 feature-login,很多时候我们可能需要加上 --no-ff 参数来合并,那么步骤如下:

从 feature-login 切换回 develop 分支,然后如下:

此时我们看一眼提交日志,如下:

从这日志中也可以看出,此时不是快速合并模式了!

最后,选择 develop->Push,将代码提交到远程仓库。

4. pull

在 IDEA 中,如需从远程仓库中更新代码,点击右上角的按钮即可,如下图:

好啦,这就是一个大致的流程。

当然 Git 博大精深,IDEA 中支持的功能也非常多,其他功能就需要小伙伴们自己来摸索了,有不明白的欢迎留言讨论。

扫描二维码推送至手机访问。

版权声明:本文由ruisui88发布,如需转载请注明出处。

本文链接:http://www.ruisui88.com/post/2484.html

分享给朋友:

“IDEA 中玩转 Git” 的相关文章

「 VUE3 + TS + Vite 」父子组件间如何通信?

组件之间传值,大家都很熟悉,涉及到 VUE3 +TS 好多同学就无从下手了,所以分享这篇文章,希望看完后提起 VUE3+TS 能够不慌不忙。平时使用的函数如:ref、reactive、watch、computed 等需要先引入才能使用,但是本篇文章介绍的 defineProps、withDefaul...

内存问题探微

这篇文章是我在公司 TechDay 上分享的内容的文字实录版,本来不想写这么一篇冗长的文章,因为有不少的同学问是否能写一篇相关的文字版,本来没有的也就有了。说起来这是我第二次在 TechDay 上做的分享,四年前第一届 TechDay 不知天高地厚,上去讲了一个《MySQL 最佳实践》,现在想起来那...

HTML5学习笔记三:HTML5语法规则

1.标签要小写2.属性值可加可不加””或”3.可以省略某些标签 html body head tbody4.可以省略某些结束标签 tr td li例:显示效果:5.单标签不用加结束标签img input6.废除的标签font center big7.新添加的标签将在下一HTML5学习笔记中重点阐述。...

虚幻引擎5.5发布

IT之家 11 月 13 日消息,虚幻引擎 5.5 现已发布。据介绍,新版本虚幻引擎在动画创作、虚拟制作和移动游戏开发方面取得进步;渲染、摄像机内视觉特效和开发人员迭代等领域的部分功能已可用于生产。IT之家整理部分功能亮点如下:动画Sequencer增强虚幻引擎的非线性动画编辑器 Sequencer...

vue2中路由的使用步骤,你学会了吗?

今天我们来整理下关于vue2中路由的使用步骤:1. 导入 vue 文件和Vue-router文件(注意:vue-router是依赖vue运行的,所以一定在vue后引入vue-router)2. 定义路由组件模板3. 创建路由实例并定义路由规则4. 将路由实例挂载给Vue实例5. 在结构区域定义控制路...