快速入門:使用 Visual Studio Live Share 共同作業撰寫程式代碼

歡迎使用 Visual Studio Live Share! Live Share 可讓您即時與其他人共同編輯和偵錯,不論您使用何種程式設計語言或您要建置的應用程式類型。 Live Share 可讓您立即安全地共用目前的專案。 視需要共用偵錯會話、終端機實例、localhost Web 應用程式、語音通話等等。

開始使用 Visual Studio Live Share,並順暢地開始共用您的工作和想法。

提示

您知道您可以「加入自己的共同作業工作階段」嗎? 這可讓您自行嘗試 Live Share,或啟動 Visual Studio 或 VS Code 的實例,並從遠端連線。 您甚至可以在這兩個執行個體使用相同的身分識別。

請遵循下列步驟開始共用。

必要條件

請遵循下列步驟來安裝擴充功能。

Products 安裝步驟
Visual Studio Code logo Visual Studio Code (1.22.0+)
1.安裝 Visual Studio Code for Windows (7、8.1 或 10)、macOS(High Sierra 10.13+)、64 位 Linux(詳細數據
2.從市集下載並安裝 Visual Studio Live Share 擴充功能。

Download button
Visual Studio 2019 logo Visual Studio 2019
1.安裝 Visual Studio 2019
2.安裝 支援的工作負載 (例如 ASP.NET、.NET Core、C++、Python 和/或 Node.js)。
3. Visual Studio Live Share 預設會隨這些工作負載一起安裝。
Visual Studio 2017 logo Visual Studio 2017 15.6 (含) 以上版本
1.在 Windows 上安裝最新版的 Visual Studio 2017 (15.6+)(7、8.1 或 10)。
2.安裝 支援的工作負載 (例如 ASP.NET、.NET Core、C++和/或 Node.js)。
3.從市集下載並安裝 Visual Studio Live Share 延伸模組。
Download button

下載並使用 Visual Studio Live Share 即表示您同意授權條款隱私權聲明。 如果您遇到問題,請參閱疑難排解

登入

安裝 Live Share 延伸模組、重新啟動並等待相依性完成安裝 (VS Code) 之後,您會想要登入以便其他參與者知道您是誰。 只要按下 [Live Share] 狀態列專案 (VS Code) 或 [登入] 按鈕 (VS) 即可開始使用。

在 Visual Studio Code 中:

Visual Studio Code sign in status bar item

在 Visual Studio 中:

Visual Studio sign in button

VS Code 中,瀏覽器會在要求您登入的通知出現時啟動。 在瀏覽器中完成登入程序,完成後關閉瀏覽器。

Toast notification asking to sign in using a web browser

Visual Studio 中,Live Share 會自動使用您的個人化帳戶。 您可以像平常一樣登入。 不過,如果您希望使用與 Visual Studio 個人化帳戶不同的登入方式,請前往 [工具] > [選項] > [Live Share] > [使用者戶帳戶],然後選取不同的認證。

如果仍然發生問題,請參閱疑難排解

開啟資料夾、專案或方案

使用您的一般工作流程來開啟資料夾、專案或您希望在 Visual Studio 或 Visual Studio Code 中共用的方案。

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

根據預設,Live Share 會隱藏來自來賓之共用資料夾中 .gitignore 檔案所參考的任何檔案/資料夾。 [隱藏] 檔案可防止該檔案在來賓的檔案樹狀目錄中顯示。 排除檔案會套用更嚴格的規則,以防止 Live Share 在前往定義時,或您在偵錯中或「受到跟隨」時進入檔案等情況下,為來賓開啟該檔案。 如果您希望隱藏/排除不同的檔案,您可以使用這些設定將 .vsls.json 檔案新增至您的專案。 請參閱控制檔案存取權可見性,以取得詳細資料。

開始共同作業工作階段

接下來,按兩下工具內的 [Live Share],並自動將邀請連結複製到剪貼簿。

在 Visual Studio Code 中:

Visual Studio Code share status bar item

在 Visual Studio 中:

Visual Studio share button

注意

在您第一次共用時,桌面防火牆軟體可能會要求您允許 Live Share 代理程式開啟連接埠。 這完全是選擇性的,但它能提供安全的「直接模式」,以在您與一起工作的人員位於相同網路的情況下改善效能。 請參閱變更連線模式以取得詳細資料。

[選擇性] 啟用唯讀模式

一旦您啟動共同作業工作階段,您可以將工作階段設定為唯讀,以防止來賓對正在共用的程式碼進行編輯。

共享之後,您會收到邀請鏈接已複製到剪貼簿的通知。 您隨即可以選取選項來將工作階段設為唯讀。

在 Visual Studio Code 中:

Visual Studio Code read-only option

在 Visual Studio 中:

Visual Studio read-only option

VS Code 中,您也可以從 [Live Share] viewlet 索引標籤啟動唯讀工作階段。

Toast notification asking to sign into a read-only session

透過電子郵件、Teams、Slack、Skype等方式將連結傳送給您想要邀請的連結。 在瀏覽器中開啟連結,可讓他們加入共用您所開啟之資料夾、專案或方案內容的共同作業工作階段。 請注意,考慮到 Live Share 工作階段所能為來賓提供的存取層級,您應該只與您信任的人共用,並考量共用這些內容的影響。

安全性提示: 想要瞭解一些 Live Share 功能的安全性影響嗎? 請參閱安全性一文。

如果您邀請的來賓有問題, 快速入門:加入您的第一個會話 文章會提供一些關於以來賓身分啟動和執行的詳細資訊。

[選擇性] 核准來賓

根據預設,來賓會自動加入您的共同作業工作階段,當他們準備好要與您共同作業時,您即會收到通知。

在 Visual Studio Code 中:

Visual Studio Code join notification

在 Visual Studio 中:

Visual Studio join notification

您可以選擇讓任何人在加入前都需要明確的「核准」。 如果您已開啟此設定,通知會提示您在嘗試加入會話時核准來賓。

請參閱要求來賓核准以取得如何開啟此功能的詳細資料。

共同作業

來賓加入您後,您可以嘗試下列一些事項:

  • 獨自瀏覽專案中的不同檔案,並進行一些編輯
  • 跟隨來賓,並觀察他們捲動、編輯並巡覽至不同檔案
  • 啟動與來賓的共同偵錯工作階段
  • 共用伺服器,以便您查看在其電腦上執行的 Web 應用程式
  • 共用終端機並執行一些命令

請參閱 Visual Studio CodeVisual Studio 延伸模組文件,以取得如何執行這些動作及其他項目的資訊。

有問題嗎? 請參閱疑難排解提供意見反應

後續步驟

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

參考