快速入門:與 Visual Studio Live Share 進行協作程式設計

Important

Visual Studio Live Share 目前處於維護階段,沒有新增功能計畫。

現有功能仍然可用。 請使用此文件了解當前功能與操作指引。 詳情請參閱Visual Studio Live Share 的維護模式

歡迎來到 Visual Studio Live Share! Live Share 讓你能即時與他人協作編輯和除錯,無論你使用的程式語言或應用程式類型。 Live Share 讓你能即時且安全地分享你目前的專案。 根據需要,可以分享除錯會話、終端實例、本地主機網頁應用程式、語音通話等。

立即使用 Visual Studio Live Share,無縫地開始分享你的作品與想法。

Tip

你知道你可以 加入自己的合作會議嗎? 這讓你可以自己嘗試 Live Share,或啟動 Visual Studio 或 VS Code 實例並遠端連接。 你甚至可以在兩種情況下使用相同的身份。

請遵循以下步驟開始分享。

先決條件

請依照以下步驟安裝擴充功能。

產品 安裝步驟
Visual Studio Code標誌 Visual Studio Code (1.22.0+)
1. 安裝適用於 Windows(7、8.1 或 10)、macOS (High Sierra 10.13+)、64 位元 Linux(詳細資訊)的 Visual Studio Code
2. 從市集下載並安裝 Visual Studio Live Share 擴充功能。

下載按鈕
Visual Studio 2019 標誌 Visual Studio 2019
1. 安裝 Visual Studio 2019
2. 安裝一個支援的工作負載(例如 ASP.NET、.NET Core、C++、Python 和/或 Node.js)。
3. Visual Studio Live Share 預設安裝於這些工作負載中。
Visual Studio 2017 標誌 Visual Studio 2017 15.6 或更高版本
1. 在Windows(7、8.1或10)安裝最新版本的 Visual Studio 2017(15.6+)。
2. 安裝支援工作負載(例如 ASP.NET、.NET Core、C++ 和/或 Node.js)。
3. 從市集下載並安裝 Visual Studio Live Share 擴充功能。
下載按鈕

下載並使用 Visual Studio Live Share,即表示您同意license 條款 以及 隱私聲明。 遇到問題時可以先看看 故障排除

登入

安裝 Live Share 擴充功能、重新啟動並等待相依套件安裝完成(VS Code 代碼)後,你會想登入讓其他參與者知道你是誰。 只要點擊「即時分享」狀態列項目(VS 代碼)或「登入」按鈕(VS)即可開始。

在 Visual Studio Code 中:

Visual Studio Code 登入狀態列項目

在 Visual Studio 裡:

Visual Studio 登入按鈕

VS Code 中,瀏覽器會啟動,並跳出通知提示你登入。 完成瀏覽器登入流程,完成後直接關閉瀏覽器即可。

Toast 通知提示使用網頁瀏覽器登入

Visual Studio,Live Share 會自動使用你的 個人化帳號。 你可以像平常一樣登入。 不過,如果你想使用與Visual Studio個人化帳號不同的登入方式,請到 Tools > 選項> Live Share > User account 選擇不同的憑證。

如果你還遇到問題,請參考 故障排除

打開資料夾、專案或解決方案

使用你平常的工作流程,在 Visual Studio 或 Visual Studio Code 中開啟你想分享的資料夾、專案或解決方案。

[可選]更新隱藏或排除的檔案

根據預設,Live Share 會隱藏您共用資料夾中的 .gitignore 檔案所列出的任何檔案或資料夾,不讓來賓看到。 隱藏 檔案會阻止它出現在訪客的檔案樹中。 排除某個檔案時會套用更嚴格的規則,防止 Live Share 在例如「移至定義」這類情況下,或當你在除錯時逐步進入該檔案,或處於被「跟隨」狀態時,為訪客開啟該檔案。 如果你想隱藏或排除不同的檔案,可以用這些設定在專案中新增一個 .vsls.json 檔案。 詳情請參見 控制檔案存取與可見性

開始一個協作會議

接著,在工具中點選「即時分享」,邀請連結會自動複製到你的剪貼簿。

在 Visual Studio Code 中:

Visual Studio Code 分享狀態欄項目

在 Visual Studio 裡:

Visual Studio分享按鈕

Note

你的桌面防火牆軟體可能會要求你允許 Live Share 代理在第一次分享時開啟埠口。 接受此設定完全是選擇性的,但啟用後會開啟一個安全的「直接模式」,當與你協作的人和你位於同一網路上時,便能提升效能。 詳情請參見 更改連線模式

[可選]啟用唯讀模式

一旦開始協作會話,你可以將會話設定為唯讀,以防止來賓修改分享的程式碼。

分享後,你會收到邀請連結已被複製到剪貼簿的通知。 接著,你可以選取將工作階段設為唯讀的選項。

在 Visual Studio Code 中:

Visual Studio Code唯讀選項

在 Visual Studio 裡:

Visual Studio唯讀選項

VS Code 中,你也可以從 Live Share 的 viewlet 標籤開始只讀會話。

Toast 通知要求登入唯讀會話

透過電子郵件、Teams、Slack、Skype 等管道,將連結寄給你想邀請的人。 在瀏覽器中開啟連結,讓他們能加入共享你所開啟資料夾、專案或解決方案內容的協作會話。 請注意,鑑於 Live Share 工作階段可提供來賓相當程度的存取權限,你應該只與你信任的人共用,並審慎考量你所共用內容可能造成的影響。

安全提示: 想了解 Live Share 某些功能的安全性影響嗎? 請參考 安全 相關文章。

如果你邀請的來賓有問題,《 快速入門:加入你的第一場課 》文章提供了更多關於如何開始並以來賓身份運作的資訊。

[可選]批准來賓

預設情況下,訪客會自動加入你的協作會議,並會在他們準備好與你合作時通知你。

在 Visual Studio Code 中:

Visual Studio Code 加入通知“

在 Visual Studio 裡:

Visual Studio 加入通知

你也可以改為要求任何想加入的人都必須經過明確批准。 如果你開啟了這個設定,當訪客嘗試加入你的會議時,會提示你批准該訪客。

請參閱 「需訪客同意 」以了解如何開啟此功能的詳細資訊。

共同作業

以下是當有客人加入後可以嘗試的幾個活動:

  • 在專案中獨立移動到不同檔案並做一些編輯
  • 跟著來賓,觀察他們捲動、編輯並瀏覽不同檔案
  • 與他們啟動共同偵錯工作階段
  • 共用伺服器,這樣你就能看看他們機器上運行的網頁應用程式
  • 共用終端機並執行一些指令

可以參考 Visual Studio CodeVisual Studio 擴充文件,了解如何執行這些動作及更多資訊。

有問題嗎? 請參閱 故障排除提供回饋

後續步驟

請嘗試以下文章開始或深入探討:

Reference