在 WebStorm 中熟练地使用 git

原文链接：在 WebStorm 中熟练地使用 gitWebStorm 是一款非常强大的代码编辑器，然而其中一些技巧有待我们深入发掘，在这里我先写一篇 git 操作相关的使用技巧，希望能够向大家介绍，如何在 WebStorm 中熟练地使用 git？

下面我们将以图形化界面的方式，教会大家：1. git init 初始化（这一步要在命令行操作）2. git remotes 管理（增删改查）3. git clone 检出（约等于以上两步的合成）4. git fetch 拉取远端仓库更新5. git merge 合并分支6. git merge 解决冲突7. git add 追踪文件8. git commit 提交文件9. git push 推送文件

前置准备：这里我们以 coding.net 这个代码托管网站中演示：- 我们先来创建一个仓库

- 创建成功，复制远端仓库地址 https://git.coding.net/dear_lizhihua/repository-demo.git

那么，如何将项目同步到本地呢？这里我们提供两种方式：- 第一种思路是，创建一个全新项目后，对其初始化为 git 项目，然后设置远端仓库地址- 第二种思路是，直接检出 github 仓库到本地目录

方式一

在 WebStorm 中，创建一个项目：

在项目根目录下，执行如下 git 命令：

如果此时看到 WebStorm 中出现工具条，并且项目目录下出现文件夹，说明我们的项目已经成功初始化为 git 项目

这时我们还需要设置远端仓库地址

这里通过图形化界面，对 remotes 进行查询、新增、修改、删除，而且可以设置多个 remote，相当直观 ^_^

成功添加远端仓库地址

其实，对应的 git 命令是

方式二

注意，在文件夹下检出时，不能有同名的文件目录存在

其实，对应的 git 命令是

拉取远端仓库更新

这里，我们将大家熟悉的 git pull，拆分为大家不熟悉的和两个命令的合成，其实拆分后的操作，是比较安全稳妥的做法，具体原因我会在下面详细解释（还可以参考 git 少用 pull 多用 fetch 和 merge(git: fetch and merge, don’t pull) 一文），建议大家尽量通过这种方式

更新远端仓库的所有分支

这里我们解释下为什么不使用 git pull 这种奇怪操作的原因： 1. 使用 git pull，会在更新完直接 merge。而在两个分支之间有多个文件冲突的情况下，会导致产生一堆待 merge 文件。 2. 只使用 git fetch 更新远端仓库的所有分支，等于将这种冲突放在 git merge 这一步。这样我就可以等到真正需要的时候，再去解决分支下文件的冲突

前置准备：这里我们的远端仓库还是一个空的仓库，为了演示我们需要先在网站页面进行文件操作，以进行更新操作

前置准备开始勾选，点击按钮

成功创建 README.md

前置准备结束

先记住右下角的工具条中的分支

然后，我们进行更新

奇怪？远端的分支已经出现了，但是文件并没有更新，版本控制里面也没有任何提交记录

以下这些步骤，只在项目初始化时用到在第一次更新时，我们还需要将 checkout 到 origin/master 上，然后创建从 origin/master 分支处创建 master 分支

至此，更新就算成功了

将远端分支，合并到本地分支

前置准备：这里为了演示，我们需要先在网站页面中执行远端分支更新

前置准备开始点击新建文件，创建一个 .gitignore 文件

前置准备结束

然后，我们执行上一步的 git fetch

更新成功后，执行 merge 操作

merge 完成，成功获取到远端仓库的文件

其实，对应的 git 命令是

解决冲突 & 冲突时的说明

前置准备：这里我们以 http://webpack.js.org 中文仓库为例，translation 分支是英文文档分支，cn 分支是中文文档分支，二者都是从 master 分支中创建。冲突产生的说明：我们首先应当了解，git 是基于文件差异、逐行对比。我们一般会在 cn 分支下进行翻译，然而有时我们会遇到这样一种情况，当 translation 分支和 cn 分支都对同一文件的相同行做了修改（这种场景非常常见，因为 translation 分支，同一文件很可能会增删改某一句、符号，而我们对这一句也做了翻译），此时将两个分支合并，就会发生行的冲突，这时就需要我们解决冲突。我们用以下一系列图片说明：

将 Local Branches 中的合并到。