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