在webstorm上使用tfs

背景

对git尚不很熟悉的我，在进公司第一天，得知大家使用的版本控制和团队协作工具是微软出的tfs.而且不论前端后台，不论大家使用何种IDE和编辑器，都是用vs往下拉和往上提交代码。这让新换了mac使用正酣的我欲哭无泪。

经过一系列的资料搜寻，摆在我面前的有三条路。

1. 安装双系统或者虚拟机。
2. 使用git-tf。
3. 使用webstorm上的版本控制插件。

我是极不情愿在mac上装虚拟机或者双系统的，安装麻烦且使用频率低。只是为了能够安装vs就分出八十多g新装一个windows系统，实在是下下之策。

接着，在公司同事那里得知了git-tf的存在。
教程如下 https://gittf.codeplex.com/
不幸的是，安装完成之后却卡在了git tf configure这一步上，搜索完了google上为数不多的资料之后依然没有进展。为了不浪费时间，我转移了解决问题的方向。

其实在换电脑之前用的编辑器一直是sublime，大概因为知识掌握有限，使用的功能也不多，也不能切实地感受出sublime和notepad++或者其他编辑器之间的区别。换了电脑之后因为知乎一个推荐帖开始使用atom，装了几个插件之后（尤其是activate-power-mode）觉得敲着代码心情也变得好了起来。
webstorm一是因为大家都在用，有什么使用上的问题方便讨论，第二个就是因为tfs版本控制插件啦。

---

正文

首先贴出官方文档：
https://www.jetbrains.com/help/webstorm/2016.1/using-tfs-integration.html
虽然是全英文，但是词汇使用并不高级，很容易看懂。

• 安装插件

1.打开Setting/Preferences窗口（根据各自的版本）

2.在左边的菜单中，找到Plugins，点击。
3.在右边菜单的左下角，找到Install JetBrains plugin.
4.在弹出的窗口中，选择TFS Integration，然后点击右侧菜单中的绿色按钮Install.
5.关闭窗口，在Setting/Preferences窗口中点击OK。

6.重启Webstorm。

• 新建workspace和server

1.打开Setting/Preferences窗口（根据各自的版本）

2.在左侧菜单栏中找到Version Control,点击其下的TFS。
3.在右侧菜单栏中，点击Servers and workspaces下的按钮Manage..

4.右侧菜单栏中，点击按钮Add.

5.在弹出的窗口中，Address栏填写项目的tfs地址，Username和password自然是tfs的登陆名和密码，其他可以不去理会。

6.点击OK之后，server就建立好了。
7.在窗口左侧选择建立好的server，右侧Workspaces下点击Create..按钮。
8.Name自己想，我填的是项目的名称缩写。Comment可以自己写一些关于这个workspace的注释。
9.在Working Folders窗口下，有一个加号按钮，点击。
10.local path选择你打算存储tfs项目代码的文件夹位置，server就是你刚才新建的打算工作的server.

11.点击save.

• 从tfs下载代码

1.打开 VCS | Checkout from Version Control | TFS.

2.在Checkout Mode中，选择Choose workspace manually，然后点击Next。

3.确认好server和workspace的信息后，继续点击next。
4.选择要下载的文件夹，点击Next.

5.确认信息，点击finish。

• 提交changes

1.打开VCS | Commit Changes
2.左上角窗口选择要提交changes的文件，中间窗口可以写一下changes的说明，左下角details窗口可以看到具体的改动，可以进一步确认。
3.点击右下角check in.

---

补充

这只是最基础的流程，当然还会存在一些特殊情况，比如提交时发现和队友的提交冲突之类。但是我想说，基本我遇到的所有问题，google了许多之后，最后还是在官方文档中找到了答案。
所以，请妥善使用官方文档 :-D