webstorm TFS 插件的安装与使用(2)

接上一篇 webstorm TFS插件的安装与使用(2)。继续上一篇的内容，下面是 TFS 插件的使用：关联 TFS 插件和 使用 TFS 插件提交代码以及解决冲突。

3.关联 TFS 插件

在某个项目中使用 TFS 插件，首先要是这个项目 关联到 TFS 插件，关联到 TFS 插件后，如果在项目任意一个文件中 添加或删除或其他改动，这个文件的文件名就会发生变化（ 字体变蓝色）。下面是关联到 TFS 插件的教程。

在webstorm中打开一个项目，点击 File -> Settings -> Version Control 如图所示，在右边栏中的 VCS 中的下拉栏中选择 TFS。（关联完毕，就这么简单！）

4.使用 TFS 插件提交代码

当完成代码的修改等操作后，需要向服务器提交代码，这时就要执行以下操作。

4.1 在上方选择 VCS -> TFS -> Checkin File...（图一）。
或者在左侧目录中选择任意一个文件或文件夹，单击右键选择 TFS -> Checkin File...（图二）。
这两种方式的区别在于，第一种只能提交单个文件，第二种可以提交一整个项目文件夹或一个模块文件夹（也可以选择单个文件）里的改动。
若此时发现没有 TFS 选项，应该是项目没有关联到 TFS，请返回第3部分内容进行关联。

图二

4.2 之后出现如下图所示画面，第一个框是要提交的文件，第二个框是提交时附加的信息，一般写改动了哪些地方，实现了哪些需求啥的...

之后就可以点击 Checkin，弹出下面的框，仍点击 Checkin 提交。

5.解决提交代码时的冲突

在提交代码时有时会产生冲突，原因在于服务器上的代码时不时的 更新的 （其他开发者提交的代码）。这时会提交失败，就需要进行 更新代码，具体操作流程和提交代码一样，就是选项 从 Checkin File 变成下面那个 Update File 。

5.1 点击之后出现如下图所示弹窗，选择 Latest ，点击 OK 。

5.2 之后出现下图弹窗，这里我们一般选择 Merge ，也就是合并。第一项是不更改本地文件，第二项是直接用服务器上的替换本地文件。

5.3 下面是 Merge 界面，左边是本地文件的改动，右边是服务器上的代码的变化（changes），中间是操作预览（合并后的文件）。点击左侧栏或右侧栏指向中间栏的箭头，即可将 changes 放到中间栏，点击叉自然是不把这个 changes 放过去。

在这里要注意的是每个改动最好都进行操作（点击箭头或叉），最后点击 Apply 。因为箭头和叉的操作是不可撤销的，所以发现错误点击下面的 cancel 取消，重新进行 Merge 操作。

最后再进行 提交操作就可以 解决冲突问题了。另外想要查看该文件的历史版本选中文件鼠标右键点击，进行下图操作即可。