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 操做。

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