在webstorm上使用tfs

背景

對(duì)git尚不很熟悉的我,在進(jìn)公司第一天,得知大家使用的版本控制和團(tuán)隊(duì)協(xié)作工具是微軟出的tfs.而且不論前端后臺(tái),不論大家使用何種IDE和編輯器,都是用vs往下拉和往上提交代碼。這讓新?lián)Q了mac使用正酣的我欲哭無淚。

經(jīng)過一系列的資料搜尋,擺在我面前的有三條路。

  1. 安裝雙系統(tǒng)或者虛擬機(jī)。
  2. 使用git-tf。
  3. 使用webstorm上的版本控制插件。

我是極不情愿在mac上裝虛擬機(jī)或者雙系統(tǒng)的,安裝麻煩且使用頻率低。只是為了能夠安裝vs就分出八十多g新裝一個(gè)windows系統(tǒng),實(shí)在是下下之策。

接著,在公司同事那里得知了<b>git-tf</b>的存在。
教程如下 https://gittf.codeplex.com/
不幸的是,安裝完成之后卻卡在了<code>git tf configure</code>這一步上,搜索完了google上為數(shù)不多的資料之后依然沒有進(jìn)展。為了不浪費(fèi)時(shí)間,我轉(zhuǎn)移了解決問題的方向。

其實(shí)在換電腦之前用的編輯器一直是sublime,大概因?yàn)橹R(shí)掌握有限,使用的功能也不多,也不能切實(shí)地感受出sublime和notepad++或者其他編輯器之間的區(qū)別。換了電腦之后因?yàn)橹跻粋€(gè)推薦帖開始使用atom,裝了幾個(gè)插件之后(尤其是activate-power-mode)覺得敲著代碼心情也變得好了起來。
webstorm一是因?yàn)榇蠹叶荚谟茫惺裁词褂蒙系膯栴}方便討論,第二個(gè)就是因?yàn)閠fs版本控制插件啦。
</br>


正文

首先貼出官方文檔:
https://www.jetbrains.com/help/webstorm/2016.1/using-tfs-integration.html
雖然是全英文,但是詞匯使用并不高級(jí),很容易看懂。
</br>

  • 安裝插件

1.打開Setting/Preferences窗口(根據(jù)各自的版本)



2.在左邊的菜單中,找到Plugins,點(diǎn)擊。
3.在右邊菜單的左下角,找到Install JetBrains plugin.
4.在彈出的窗口中,選擇TFS Integration,然后點(diǎn)擊右側(cè)菜單中的綠色按鈕Install.
5.關(guān)閉窗口,在Setting/Preferences窗口中點(diǎn)擊OK。



6.重啟Webstorm。
  • 新建workspace和server

1.打開Setting/Preferences窗口(根據(jù)各自的版本)



2.在左側(cè)菜單欄中找到Version Control,點(diǎn)擊其下的TFS。
3.在右側(cè)菜單欄中,點(diǎn)擊Servers and workspaces下的按鈕Manage..



4.右側(cè)菜單欄中,點(diǎn)擊按鈕Add.

5.在彈出的窗口中,Address欄填寫項(xiàng)目的tfs地址,Username和password自然是tfs的登陸名和密碼,其他可以不去理會(huì)。



6.點(diǎn)擊OK之后,server就建立好了。
7.在窗口左側(cè)選擇建立好的server,右側(cè)Workspaces下點(diǎn)擊Create..按鈕。
8.Name自己想,我填的是項(xiàng)目的名稱縮寫。Comment可以自己寫一些關(guān)于這個(gè)workspace的注釋。
9.在Working Folders窗口下,有一個(gè)加號(hào)按鈕,點(diǎn)擊。
10.local path選擇你打算存儲(chǔ)tfs項(xiàng)目代碼的文件夾位置,server就是你剛才新建的打算工作的server.

11.點(diǎn)擊save.
  • 從tfs下載代碼

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



2.在Checkout Mode中,選擇Choose workspace manually,然后點(diǎn)擊Next。



3.確認(rèn)好server和workspace的信息后,繼續(xù)點(diǎn)擊next。
4.選擇要下載的文件夾,點(diǎn)擊Next.

5.確認(rèn)信息,點(diǎn)擊finish。

  • 提交changes

1.打開VCS | Commit Changes
2.左上角窗口選擇要提交changes的文件,中間窗口可以寫一下changes的說明,左下角details窗口可以看到具體的改動(dòng),可以進(jìn)一步確認(rèn)。
3.點(diǎn)擊右下角check in.


</br>


補(bǔ)充

這只是最基礎(chǔ)的流程,當(dāng)然還會(huì)存在一些特殊情況,比如提交時(shí)發(fā)現(xiàn)和隊(duì)友的提交沖突之類。但是我想說,基本我遇到的所有問題,google了許多之后,最后還是在官方文檔中找到了答案。
所以,請(qǐng)妥善使用官方文檔 :-D
</br>

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容