網頁版 Jupyter Notebook

Visual Studio Code 不僅支援在桌面端使用 Jupyter Notebooks，更延伸支援各種瀏覽器平台，例如 GitHub Codespaces 和 VS Code for the Web。

使用這些基於瀏覽器的平台，您無需在機器上安裝任何軟體即可處理 Notebook（以及更多內容！）。您可以在下方閱讀有關各個選項的詳細資訊以及如何開始使用。

• GitHub Codespaces 上的 Jupyter Notebook
• 在 VS Code for the Web 上使用 VS Code Server 進行遠端通道連線
• 在 VS Code for the Web 上連接至遠端 Jupyter server

Codespaces 上的 Jupyter Notebook

在 VS Code 中開發 Jupyter Notebook，可以完全透過網頁介面使用 GitHub Codespaces 來完成。這是一個安全且可配置的雲端託管開發環境，並提供免費的運算資源（更多資訊請參閱 Codespaces 每月使用配額）。這意味著您可以利用 VS Code 的所有功能（包括 Jupyter Notebook 支援），而無需在機器上安裝任何東西。若要快速上手：

1. 前往 https://github.com/codespaces。

2. 在探索快速入門範本 (Explore quick start templates) 下，為 Jupyter Notebook 選擇 使用此範本 (Use this template)。如果您沒有看到 Jupyter Notebook 範本，請選擇 查看全部 (See all) 並搜尋該範本。

   

3. 就這樣！系統將會為您建立一個 codespace，讓您開始工作！

   提示：您可以透過將設定檔提交到您的儲存庫（通常稱為「設定即代碼」(Configuration-as-Code)）來自訂您的專案，這能為您專案的所有使用者建立可重複使用的 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 所需的核心 (kernel)：

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

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

您可以透過在遠端機器上安裝 VS Code Server，並透過 VS Code for the Web 進行存取，從而安全地連接到遠端機器，而無需使用 SSH（您也可以連接到 VS Code Desktop 上的伺服器）。若要這樣做：

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

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

2. 使用 tunnel 指令建立安全通道：code tunnel（如果您希望使用 每日發行版 (daily release) 的 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: Specify Jupyter Server for Connections) 指令，然後貼上您的遠端 Jupyter 伺服器 URL。

若要在舊版 VS Code 和 Jupyter 擴充功能中輸入遠端 Jupyter 伺服器 URL：

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

   

2. 選擇 Existing (現有)。

   

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

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

限制

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

• 無法存取 VS Code 終端機（不過您可以在 Notebook 單元格中執行 magic 指令）
• 偵錯功能有限
• 部分 Python IntelliSense 支援
• 不支援 isort 擴充功能

在 Codespaces 上繼續工作

與 VS Code Desktop 一樣，您可以輕鬆地將 VS Code for the Web (https://vscode.dev 或 https://github.dev) 的工作轉移到 Codespaces 上繼續。當您選擇在新的 codespace 中 繼續工作 (Continue Working On) 時，您未提交的變更將會隨之轉移。若要這樣做：

1. 開啟指令選擇區 (Command Palette)（⇧⌘P (Windows, Linux Ctrl+Shift+P)），並選擇 繼續工作於... (Continue Working On...)。

2. 選擇 建立新 Codespace (Create New Codespace)。

   

3. 依照提示將您目前的工作變更儲存到雲端，並登入 Codespaces。

4. 選擇您的 codespace 執行個體類型（核心數、RAM 和儲存空間）。

您也可以手動提交變更，並透過 遠端總管 (Remote Explorer) 建立 codespace：

1. 透過開啟指令選擇區（⇧⌘P (Windows, Linux Ctrl+Shift+P)）並選擇 Codespaces: 登入 (Codespaces: Sign in) 來登入 Codespaces。

2. 從活動列 (Activity bar) 導覽至 遠端總管 (Remote Explorer) 檢視。

   

在 遠端總管 (Remote Explorer) 檢視中，您可以連線至現有的 codespace 或建立新的 codespace。這將會為您開啟一個新視窗，以便在 Codespaces 上繼續您的專案工作。

問題或意見回饋

您可以透過在我們的儲存庫中建立 Issue 來提出 功能需求 或 回報問題，我們的工程團隊會主動監控與管理這些內容。