參加你附近的 ，瞭解 VS Code 中的 AI 輔助開發。

網頁版 Jupyter Notebook

Visual Studio Code 支援在桌面端使用 Jupyter Notebook，並擴充套件到各種基於瀏覽器的平臺，例如 GitHub Codespaces 和 VS Code for the Web。

使用這些基於瀏覽器的平臺，您無需在機器上安裝任何東西即可在筆記本中（以及其他方面！）工作。您可以在下面閱讀有關每個選項以及如何入門的更多資訊

Codespaces 上的 Jupyter Notebook

在 VS Code 中開發 Jupyter Notebook 可以完全透過基於 Web 的介面使用 GitHub Codespaces 完成，這是一個雲託管的開發環境，安全且可配置，具有免費計算資源（有關 Codespaces 每月使用配額 的更多資訊）。這意味著您可以利用所有 VS Code 功能，包括 Jupyter Notebook 支援，而無需在機器上安裝任何東西。要快速開始

  1. 導航到 https://github.com/codespaces。

  2. 在探索快速入門模板下，為 Jupyter Notebook 選擇使用此模板。如果您沒有看到 Jupyter Notebook 模板，請選擇檢視全部並搜尋該模板。

    Use Codespaces Jupyter Notebook Template

  3. 就是這樣！將為您建立一個 codespace，讓您開始使用！

    提示：您可以透過將配置檔案提交到您的儲存庫（通常稱為“配置即程式碼”）來自定義您的專案，這為您的專案的所有使用者建立了可重複的 codespace 配置。您還可以在 devcontainers/images 儲存庫上檢視預定義配置的示例，以根據您的專案需要使用和/或修改。

VS Code for the Web 上的 Jupyter Notebook

您還可以透過訪問 https://vscode.dev 或 https://github.dev（在 GitHub 上檢視儲存庫時鍵入“.”即可訪問）來使用 VS Code for the Web。使用 VS Code for the Web，您可以透過兩種選項連線到以下型別的核心以用於您的 Notebook

  1. 透過 VS Code Server 進行遠端隧道連線
  2. 連線到遠端 Jupyter 伺服器

透過 VS Code Server 進行遠端隧道連線

您無需 SSH 即可安全地連線到遠端機器，方法是在您的遠端機器上安裝 VS Code Server 並透過 VS Code for the Web 訪問它（您也可以在 VS Code 桌面版上連線到伺服器）。為此

  1. 在您的遠端機器上安裝 code CLI。

    注意：如果您的遠端機器上已安裝 VS Code 桌面版，則可以跳過此步驟，因為 code CLI 已內置於 VS Code 桌面版中。

  2. 使用隧道命令：code tunnel 建立一個安全隧道（如果您希望使用 VS Code 的每日釋出版本，也可以執行 code-insiders tunnel），並按照提示授予伺服器訪問許可權。這將下載並在您的遠端機器上啟動 VS Code Server，然後為其建立隧道。

  3. 使用與此遠端機器相關的 CLI 輸出 vscode.dev URL，例如
    https://vscode.dev/tunnel/<machine_name>/<folder_name>
    以便在任何客戶端上訪問此遠端機器。

  4. 開啟一個 Notebook 檔案，並選擇任何 Jupyter 核心或 Python 環境來執行您的程式碼。

連線到遠端 Jupyter 伺服器

您還可以透過貼上以下格式的 URL 連線到任何遠端 Jupyter 伺服器
http://<ip-address>:<port>/?token=<token>.

為此，選擇Jupyter：指定 Jupyter 伺服器連線命令，然後貼上您的遠端 Jupyter 伺服器的 URL。

Enter Jupyter server

使用舊版本的 VS Code 和 Jupyter 擴充套件輸入您的遠端 Jupyter 伺服器 URL

  1. 單擊狀態列上的Jupyter Server:。

    Jupyter Server Status bar item

  2. 選擇現有。

    Select Existing option from the Jupyter Server drop down

啟動遠端伺服器時，請務必

  1. 允許所有源（例如 --NotebookApp.allow_origin='*'）以允許外部訪問您的伺服器。
  2. 將 Notebook 設定為偵聽所有 IP（--NotebookApp.ip='0.0.0.0'）。

限制

由於 VS Code for the Web 完全在您的 Web 瀏覽器中執行，因此與桌面版和 Codespaces 體驗相比，存在一些限制。

  • 無法訪問 VS Code 終端（儘管您可以從 Notebook 單元格執行魔術命令）
  • 有限的除錯功能
  • 部分 Python IntelliSense 支援
  • 不支援 isort 擴充套件

繼續在 Codespaces 上工作

與 VS Code 桌面版一樣，您可以輕鬆地從 VS Code for the Web（https://vscode.dev 或 https://github.dev）繼續在 Codespaces 上工作。當您選擇在新的 codespace 中繼續工作時，您未提交的更改將隨您而行。為此

  1. 開啟命令面板（⇧⌘P（Windows、Linux Ctrl+Shift+P）），然後選擇繼續工作...。

  2. 選擇建立新 Codespace。

    Continue working on

  3. 按照提示將您的工作更改儲存在雲中並登入 Codespaces。

  4. 選擇您的 codespace 的例項型別（核心數、RAM 和儲存）。

您還可以手動提交更改並透過遠端資源管理器建立 codespace

  1. 透過開啟命令面板（⇧⌘P（Windows、Linux Ctrl+Shift+P））並選擇Codespaces：登入來登入 Codespaces。

  2. 從活動欄導航到遠端資源管理器檢視。

    Remote explorer tab

從遠端資源管理器檢視，您可以連線到現有 codespace 或建立一個新 codespace。這將開啟一個新視窗，讓您繼續在 Codespaces 上處理您的專案。

問題或反饋

您可以透過在我們的儲存庫中建立問題來新增功能請求或報告問題，該儲存庫由我們的工程團隊積極監控和管理。

1/9/2023