如何使用visualstudio程式碼的實時共享進行協作程式設計

想在編碼專案上合作嗎?Live Share for VS Code是一個很好的工具,下面介紹如何設定並開始使用。...

無論您是在學習編程語言的第一步,還是一個經驗豐富的程序員,協作都是提高性能的關鍵。像結對編程這樣的概念在現代公司很流行,但是在家裡有什麼合作的選擇呢?

program-collaborately

許多團隊使用諸如Slack和Discord這樣的工具來保持團隊的聯繫。版本控制允許人們在項目上進行協作,並將其同步到同一在線存儲庫。

這些工具非常棒,但是如果有一種方法可以將這些概念組合到IDE中呢?微軟在visualstudio(VS)代碼和visualstudio的liveshare中找到了答案。今天的指南將重點介紹VS代碼。

(如果您仍然不確定是否應該選擇visualstudio代碼而不是Atom,我們可以幫助您決定。)

什麼是vs實時共享(vs live share)?

VS Live Share允許兩個或更多人使用Microsoft或GitHub帳戶實時協作代碼。標準的實時共享會話最多支持5個併發用戶,不過通過更改設置,這一功能可以擴展到30個。雖然只有登錄的用戶才能貢獻代碼,但來賓可以觀看會話並參與實時聊天。

VS Live Share擴展包包括音頻,允許用戶共享通話,並集成了鬆弛和不和諧功能。除了為遠程工作者帶來明顯的好處之外,Live Share也是一種教育工具。可共享的終端和服務器使Live共享成為完美的課堂教具。

為協作設置visual studio代碼

VS代碼是免費的,可用於Windows、macOS和Linux。如果您還不是VS代碼用戶,請在繼續之前下載並安裝它。

要安裝VSLive Share,請打開VS代碼並打開左側工具欄上的Extensi***選項卡。或者,您也可以使用快捷鍵Ctrl-Shift-X。在搜索欄中搜索VS Live Share。

VS Code Extensi*** Panel

除了VS Live Share,微軟還發布了通過外部軟件和音頻進行通信的額外工具。安裝VS Live Share和VS Live Share擴展包。安裝後,單擊列表中任何擴展下的“重新加載”以重新加載visual studio代碼並激活它們。

New Logos appear in the side panel

在重新加載時,您會注意到工具欄中有幾個新圖標,一個表示Slack and Discord integration面板的散列符號,以及一個表示Live Share面板的箭頭符號。

在vs代碼中設置共享會話

visual studio code live share session details

設置共享會話相當簡單。打開左側工具欄上的VS Live Share選項卡。“會話詳細信息”窗口提供了三個代碼共享選項:

  • Join collaboration session:如果其他人給了你一個URL,那麼就用這個來加入他們的會話。
  • 啟動協作會話:使用此選項創建自己的協作會話,其他用戶可以在其中編輯代碼。
  • 啟動只讀協作會話:使用此選項創建協作會話,用戶可以在其中查看但不能編輯代碼。

單擊其中任何一個將提示您登錄Microsoft或GitHub帳戶,並將您重定向到瀏覽器。要設置基本會話,請選擇“啟動協作會話”,並在出現提示時選擇工作目錄。登錄後,系統會將您重定向回VS代碼並提示您允許防火牆權限。

這不是必需的,但建議用於速度和連接穩定性。

Firewall prompt to allow fast live connection

右下角的信息窗口將包含協作鏈接、使文件室為只讀的選項以及指向有關共享過程的更多信息的鏈接。

Live Share Session sharing context window

將你的鏈接複製到剪貼板,並將其交給同樣安裝了VS Live Share的朋友或同事,你就可以開始了!

vs代碼中的基本代碼協作

代碼協作不會改變您的編碼體驗。相反,它在上面加了一層。創建實時共享會話將打開一個聊天窗口。無論是登錄還是隻讀,所有用戶都可以訪問。

A read-only guest called Jimmy joins the chat

在協作期間的任何時候,您都可以重新打開聊天窗口,獲取共享URL,或使用Live Share面板結束會話。

Live Share in progress window

現在,打開任何你想合作的文件,像往常一樣開始編碼。與您使用相同腳本的參與者都有一個彩色光標,顯示他們的工作位置。除了實時查看它們的工作情況外,還可以共享突出顯示,這樣可以方便地指出錯誤和建議的更改。

Remote participant text highlighting

協作可以跨項目目錄中的任何文件進行,您可以在liveshare面板中看到每個人正在處理的腳本。您還可以以只讀和讀/寫模式共享VS代碼終端,以及用於處理JavaScript或其他web項目的本地服務器。

關注和聚焦合作者

有時你會想解釋一些需要超越一個腳本的東西。用戶可以通過在Live Share面板中單擊自己的名字來互相關注。現在,不管他們在項目中走到哪裡,你都會和他們一起去看看他們做了什麼。

The Follow option lets you see someone else work through a project.

同樣,單擊“會話詳細信息”面板中的小型擴音器可將參與者聚焦到當前視圖。

The megaphone focuses all participants to your view

當您需要快速將每個人的注意力吸引到項目的特定部分時,這非常方便。專注的參與者可以選擇從現在開始繼續關注你。

在vs live share中使用音頻

VS Live Share擴展包包含音頻集成。開始會話會添加一個新房間。要進入聊天室,請單擊Live Share面板的audio選項卡下的Join audio call。

Joining an audio call in Live Share

所有的合作者和客人都可以訪問這個電話,使之成為合作、教學或向團隊展示項目進展情況的完美之選。通過右鍵單擊當前通話或單擊齒輪,可以訪問通話設置。

單擊紅色的斷開連接符號將離開聊天室,但只要會話保持活動狀態,聊天室將保持可訪問狀態。

與vs代碼的鬆弛集成

在VS代碼中設置Slack很簡單。單擊左側面板上的Slack徽標,然後選擇Setup Slack。這將帶您進入瀏覽器窗口,授權VS代碼訪問工作區。

Authorizing the app with Slack

你將需要是一個管理員授權的VS代碼鬆弛應用程序。鏈接後,Slack工作區將在VS代碼中顯示為另一個選項卡。

Slack chats work well in a Live Share window.

Discord設置是一個類似的過程,不過值得注意的是,目前似乎一次只能集成一個服務。

vs live share中的安全和隱私

vsliveshare對於所有類型的編碼人員來說都是一個非常棒的工具,但是它確實有一些安全方面的考慮。擴展的開放性加上易於共享代碼的特性可能會被濫用。

因為即使是隻讀的客人也可以在聊天中交談,所以不應該獲得共享鏈接的人可能會有不適當的行為。

實時共享還允許在讀/寫模式下共享終端。這給壞人帶來了巨大的安全風險。

Sharing access to your terminal can be risky business.

簡言之,在允許用戶使用編輯和終端權限之前,請小心與誰共享您的Live share鏈接。

協作是visualstudio代碼的進步

這些擴展是與VS代碼基本集成的示例。經驗豐富的用戶將已經意識到更多有助於代碼完成、篩選和測試的功能。Live Share還使人們能夠在教室和遠程學習——然而,通過優秀的在線課程進行自學仍然很重要。

請記住,使用VS代碼,您還可以使用Microsoft Visual Studio Online在瀏覽器中編寫代碼。

  • 發表於 2021-03-21 19:47
  • 閱讀 ( 54 )
  • 分類:程式設計

你可能感興趣的文章

為高效的程式設計師和程式設計師提供的5個最佳javascript編輯器

... 首先,visualstudio程式碼與visualstudio不同。visualstudio是一個臃腫的IDE,visualstudio程式碼是一個可定製的文字編輯器,它可以根據需要簡單或高階,這要感謝它的第三方擴充套件庫。...

  • 發佈於 2021-03-14 08:05
  • 閲讀 ( 55 )

6個最好的免費思維導圖工具(以及如何最好地使用它們)

... 如何選擇思維導圖工具 ...

  • 發佈於 2021-03-18 01:31
  • 閲讀 ( 55 )

更好的arduino編碼與vs編碼和平臺

... visualstudio程式碼(VS-Code)很快成為最流行的程式碼編輯器之一,但不支援標準的Arduino開發。 ...

  • 發佈於 2021-03-20 05:18
  • 閲讀 ( 61 )

使用microsoft visual studio online在瀏覽器中開始編碼

...有一些情況下,您可能需要一個集中的工作環境。這就是visualstudioonline等遠端開發工具的用武之地。今天我們來看看這會如何影響遠端開發團隊中的任何人。 ...

  • 發佈於 2021-03-20 14:11
  • 閲讀 ( 52 )

9個visual studio程式碼擴充套件,使程式設計更加簡單

微軟的visualstudio程式碼是目前最好的免費文字編輯器之一。它結合了完整的功能集和相對易用性,對於一個電子應用程式來說,效能出奇的好。撇開以上原因不談,人們喜歡它的原因之一是它的可擴充套件性。 ...

  • 發佈於 2021-03-20 21:31
  • 閲讀 ( 62 )

如何使用microsoft onenote建立個人wiki

...參與知識構建、批判性思維和情境學習。我們將向您展示如何在OneNote中設定wiki,以及如何構建知識庫來管理資訊。 ...

  • 發佈於 2021-03-22 00:54
  • 閲讀 ( 63 )

用於程式設計和web開發的8個很棒的codepen功能

... 在本文中,我們將介紹該站點的一些功能,以及它們如何幫助您成為一名更好的程式設計師。 ...

  • 發佈於 2021-03-24 05:24
  • 閲讀 ( 56 )

託管專案原始碼的7個最佳github替代方案

... Microsoft的VisualStudioTeamServices(VSTS)允許您協作、儲存、審閱和部署程式碼。當然,如果你因為不喜歡微軟而離開GitHub,你不太可能想使用visualstudio。 ...

  • 發佈於 2021-03-24 13:26
  • 閲讀 ( 48 )

關於python程式設計最常見的問題

...器非常豐富,常用的有Sublime Text、Atom和Geany。但是我推薦visualstudio程式碼(不是visualstudio)。 ...

  • 發佈於 2021-03-25 18:32
  • 閲讀 ( 58 )

如何在spotify上製作協作播放列表

... 如何在spotify桌面上**協作播放列表 ...

  • 發佈於 2021-03-28 09:11
  • 閲讀 ( 50 )