開始使用 Visual Studio Code 搭配 Windows 子系統 Linux 版

  • 發行項

Visual Studio Code以及 WSL 擴充功能，可讓您直接從 VS Code 使用 WSL 作為您的完整開發環境。 您可以：

  • 在以 Linux 為基礎的環境中開發
  • 使用 Linux 特定的工具鏈和公用程式
  • 從 Windows 的方便性執行和偵錯 Linux 型應用程式，同時維持 Outlook 和 Office 等生產力工具的存取權
  • 使用 VS Code 內建終端機來執行您選擇的 Linux 發行版本
  • 利用 VS Code 功能，例如 Intellisense 程式碼完成、 linting、 偵錯支援、 程式碼片段和 單元測試
  • 使用 VS Code 的內建Git 支援輕鬆管理版本控制
  • 直接在 WSL 專案上執行命令和 VS Code 延伸模組
  • 編輯 Linux 中的檔案或掛接的 Windows 檔案系統 (例如 /mnt/c) ，而不必擔心路徑問題、二進位相容性或其他跨 OS 挑戰

安裝 VS Code 和 WSL 擴充功能

  • 流覽 VS Code 安裝頁面 ，然後選取 32 或 64 位安裝程式。 在 Windows 上安裝Visual Studio Code (不在 WSL 檔案系統) 中。

  • 當系統提示您在安裝期間選取 其他工作 時，請務必檢查 [ 新增至 PATH ] 選項，以便您可以輕鬆地使用程式碼命令在 WSL 中開啟資料夾。

  • 安裝 遠端開發延伸模組套件。 除了 Remote - SSH 和 Dev Containers 擴充功能之外，此擴充套件還包含 WSL 擴充功能，可讓您在容器、遠端電腦上或 WSL 中開啟任何資料夾。

重要事項

若要安裝 WSL 擴充功能，您將需要 1.35 May 版本 或更新版本的 VS Code。 不建議在 VS Code 中使用 WSL，而不需要 WSL 擴充功能，因為您將失去自動完成、偵錯、linting 等的支援。有趣的事實：此 WSL 擴充功能安裝在 $HOME/.vscode/extensions 中， (在 PowerShell) 中輸入 命令 ls $HOME\.vscode\extensions\ 。

更新 Linux 發行版本

有些 WSL Linux 發行版本缺少 VS Code 伺服器啟動所需的程式庫。 您可以使用套件管理員，將其他程式庫新增至 Linux 發行版本。

例如，若要更新 Debian 或 Ubuntu，請使用：

sudo apt-get update

若要新增 wget (以從網頁伺服器擷取內容，) 和 ca 憑證 (允許 SSL 型應用程式檢查 SSL 連線的真實性) ，請輸入：

sudo apt-get install wget ca-certificates

在 Visual Studio Code 中開啟 WSL 專案

從命令列

若要從 WSL 散發套件開啟專案，請開啟散發套件的命令列，然後輸入： code .

使用 VS Code 遠端伺服器開啟 WSL 專案

從 VS Code

您也可以使用快捷方式來存取更多 VS Code WSL 選項： CTRL+SHIFT+P 在 VS Code 中顯示命令選擇區。 如果您接著輸入 WSL ，您會看到可用的選項清單，可讓您重新開啟 WSL 會話中的資料夾、指定您要開啟的散發套件等等。

VS Code 的命令選擇區

VS Code WSL 內的延伸模組

WSL 延伸模組會將 VS Code 分割成「用戶端-伺服器」架構，用戶端 (在 Windows 電腦上執行的使用者介面) ，而伺服器 (您的程式碼、Git、外掛程式等) 在 WSL 散發套件中執行「遠端」。

執行 WSL 擴充功能時，選取 [延伸模組] 索引標籤會顯示本機電腦與 WSL 散發套件之間分割的延伸模組清單。

安裝本機擴充功能，例如 主題，只需要安裝一次。

某些延伸模組，例如 Python 延伸模組 或任何處理 Linting 或偵錯等專案，必須個別安裝在每個 WSL 散發套件上。 如果您已在本機安裝未安裝在 WSL 發行版本上的擴充功能，VS Code 會顯示警告圖示 ⚠ ，以及綠色的 [在 WSL 中安裝] 按鈕。

具有 WSL 延伸模組與本機延伸模組的 VS Code

如需詳細資訊，請參閱 VS Code 檔：

  • 在 WSL 中啟動 VS Code 時，不會執行任何殼層啟動腳本。 如需如何執行其他命令或修改環境的詳細資訊，請參閱此 進階環境設定腳本一文 。

  • 從 WSL 命令列啟動 VS Code 時遇到問題？ 此 疑難排解指南 包含變更路徑變數、解決有關遺失相依性的擴充功能錯誤、解決 Git 行結束問題、在遠端電腦上安裝本機 VSIX、啟動瀏覽器視窗、封鎖程式 localhost 埠、無法運作的 Web 通訊端、儲存擴充功能資料的錯誤等等的秘訣。

安裝 Git (選用)

如果您計畫與其他人合作，或在開放原始碼網站 (如 GitHub) 上裝載您的專案，VS Code 支援使用 Git 進行版本控制 \(英文\)。 VS Code 中的 [原始檔控制] 索引標籤會追蹤您所有的變更，並讓常用的 Git 命令 (add、commit、push、pull) 直接內建在 UI 中。

若要安裝 Git，請參閱設定 Git 以使用 Windows 子系統 Linux 版。

安裝 Windows 終端機 (選用)

新的Windows 終端機可讓多個索引標籤 (在命令提示字元、PowerShell 或多個 Linux 散發套件之間快速切換) 、自訂按鍵系結 (建立您自己的快速鍵來開啟或關閉索引標籤、複製+貼上等) 、emoji ☺ 和自訂主題 (色彩配置、字型樣式和大小、背景影像/模糊/透明度) 。 如需詳細資訊，請參閱Windows 終端機檔。

  1. 在 Microsoft Store 中取得 Windows 終端機：透過 Microsoft Store 安裝，就會自動處理更新。

  2. 安裝之後，開啟 Windows 終端機，然後選取 [設定]，以使用 profile.json 檔案來自訂終端機。

其他資源

您可能想要考慮的數個額外延伸模組包括：

  • 來自其他編輯器的按鍵對應：如果您從另一個文字編輯器 (例如 Atom、Sublime、Vim、eMacs、Notepad++ 等) 進行轉換，這些延伸模組有助於讓您的環境感到非常自在。
  • 設定同步 \(英文\)：可讓您使用 GitHub 同步處理不同安裝之間的 VS Code 設定。 如果您在不同的電腦上工作，這有助於讓您的環境在其上保持一致。
  • Chrome 偵錯工具：當您使用 Linux 在伺服器端完成開發之後，您必須開發和測試用戶端。 此延伸模組會整合您的 VS Code 編輯器與 Chrome 瀏覽器偵錯服務，讓工作更有效率。