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

Visual Studio Code 以及遠端 WSL 延伸模組,可讓您直接從 VS Code 使用 WSL 做為您的全時間開發環境。 您可以:

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

安裝 VS Code 和遠端 WSL 延伸模組

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

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

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

重要

若要安裝遠端 WSL 延伸模組,您將需要1.35版(含)以後版本的 VS Code。 不建議在不含 WSL 延伸模組的 VS Code 中使用 WSL,因為您將會失去自動完成、偵錯工具、linting 等的支援。有趣的事實:此 WSL 延伸模組安裝在 $HOME/.vscode/extensions (ls $HOME\.vscode\extensions\ 在 PowerShell) 中輸入命令。

更新您的 Linux 發行版本

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

例如,若要更新 Debian 或 Ubuntu,請使用:

sudo apt-get update

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

sudo apt-get install wget ca-certificates

在 Visual Studio Code 中開啟 WSL 專案

從命令列

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

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

從 VS Code

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

VS Code 的命令選擇區

VS Code 遠端內的延伸模組

遠端 WSL 擴充功能會將 VS Code 分割成「用戶端-伺服器」架構,用戶端 (在您的 Windows 電腦和伺服器上執行的使用者介面) , (您的程式碼、Git、外掛程式等) 在遠端執行。

當 VS Code 遠端執行時,選取 [擴充功能] 索引標籤會顯示您的本機電腦與 WSL 散發之間的擴充功能清單。

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

有些擴充功能(例如 Python 延伸 模組或處理 linting 或偵錯工具的任何專案)必須分別安裝在每個遠端 WSL 散發套件上。 如果您在 WSL 遠端未安裝本機安裝的延伸模組,VS Code 將會顯示警告圖示⚠,以及綠色的 [在 WSL 中安裝] 按鈕。

具有遠端 WSL 延伸模組與本機擴充功能的 VS Code

如需詳細資訊,請參閱 VS Code 檔:

  • 當 VS Code 遠端在 WSL 中啟動時,不會執行任何 shell 啟動腳本。 如需如何執行其他命令或修改環境的詳細資訊,請參閱這個 先進的環境設定腳本文章

  • 從 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 終端機,然後選取設定,以使用檔案自訂您的終端機

其他資源

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

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