VS Code 折騰記 - (13) VS Live Share (可提升效率的代碼實時協做插件)的使用姿式

前言

這貨憋了大半年,終於進入可用狀態了,體驗了一段時間後,該水文誕生了...

這貨是什麼,微軟自家出的實時協做插件,有用過石墨文檔或者騰訊文檔的沒?差很少那樣了.

對標 Atom的Teletype實時協做插件,傳送門: VS Live Share ;

插件提供的大致功能

• 兼容Visual Studio IDE和Visual Studio Code
• 支持微軟自家的帳號登陸和 Github 賬號登陸
• 支持項目共享(協做),終端共享(協做),會話共享(協做),日誌記錄導出

實時協做能作什麼?

這種實時協做就我我的看來能解決這麼一些痛點

1. 補丁和 BUG 的修復

傳統的代碼協做

• git初始化倉庫,一堆人克隆,各類遵循 gitflow 這些,一些小小的 BUG 會讓你很痛苦的執行那麼些流程
• 拉取->代碼審查->合併->打補丁->單元測試->提交等待合併; 下一個重複
• 這樣就會浪費不少的時間,也會增長一些額外的 commit

如果實時協做,就能夠在團隊的研發過程直接協做幹掉.而不重複上面那麼多(找朋友幫忙也是如此)

2. 培訓指導

帶新人的時候, 能夠實現代碼層面的培訓,一遍講解思路一邊碼..簡直手把手..

常規操做(多圖)

點擊左下角小人物的其實也是調用全局命令版的..只是一步到位.看我的喜歡

登陸,圖圖的兩處皆可登陸

• Sign In With User Code 好像是調用VS Code裏面的配置,試了下no working..
• Sign In With Browser 是 正常姿式,支持MS Account和Github

分享項目,終端等讓別人參與

• Start Collaboration Session : 開始一個會話(開始共享的第一步)
  • 須要打開一個項目的狀況下(也就是目錄),否則會彈出提醒我說的
  • 正常狀況下,那個 share 會轉轉轉..成了再點擊小人圖表,如步驟1
• Join Collaboration Session : 參與別人分享的會話
  • 選擇這個以後,會有一個小彈窗,輸入別人分享的參與鏈
  • 如果從瀏覽器進入別人分享的連接..就會這樣,如步驟2
• Sign Out : 退出登陸賬號

步驟1

• Invite Other: 分享連接,選中回車會自動複製
• Share Terminal : 會分享編輯器內的 terminal
• Share Server : 分享 TCP 服務及端口,暫時能看到的是雙方的選中什麼鬼的,預覽好像看不到

步驟2

• 分享人那邊斷開的時候,會顯示以下,說未激活狀態,提示你本身去聯繫他(在須要連接的狀況下)

  

• 正常狀況下,是這個樣子

那段圈起來就是分享連接,在 VSCode 彈出鍵入,或者瀏覽器提醒你自動打開編輯器

自動打開的會默認彈窗新的編輯器實例,打開連接的遠程項目

參與別人的項目(有意思)

參與並能給予幫助,老是能讓人有一種莫名的興奮和成就感

進入會話(結合上面)

• 加載遠程會話中

• 看到文件目錄和文件了

• 協做效果(雙向實時)

------------------對方看到的------------------

------------------咱們這邊的------------------

進入遠程終端

進入終端這些,須要對方開放這方面的權限.好比對方選中這些

以後點擊小人或者全局搜索就能看到...

• Focus Participants : 請求其餘參與者跟隨你 , 對麼會看到演示1
• Access Shared Terminal : 進入別人的終端,如演示2

演示1

由於我當前在.editorconfig文件,對方也會同時打開那個文件而且聚焦到那個窗口

演示2

同理,進入以後你也能夠的終端執行相關的命令(對方的控制檯)

總結

實時代碼協做的時代已經到來,雖然目前還或多或少有一些問題,可是用的好能夠提升團隊效率的;

還有一些高級用法,沒試出來,官方几個月前用VS studio的宣傳演示視頻賊叼.debug 這些也能同步。

感受這是個趨勢.人們創造各類各樣的工具本質上就是節省時間,目前來講普通的用法是沒什麼問題的..

可能完善個一年半載會很成熟,好比前端須要的訪問預覽什麼的(走微軟本身服務器分享外鏈調試)

相似**codesandbox**

感謝個人小夥伴配合我各類錄製 GIF 和截圖,灰常感謝

如果對各類小夥伴有所幫助,就是該文章最大的價值所在,感謝閱讀.