Einführung in Visual Studio Code mit dem Windows-Subsystem für Linux

Visual Studio Code ermöglicht Ihnen zusammen mit der WSL-Erweiterung die Verwendung von WSL als Vollzeitentwicklungsumgebung direkt aus VS Code. Sie haben folgende Möglichkeiten:

  • In einer Linux-basierten Umgebung entwickeln
  • Verwenden von Linux-spezifischen Toolketten und Dienstprogrammen
  • Führen Sie Ihre Linux-basierten Anwendungen aus und debuggen Sie sie bequem unter Windows, während Sie Zugriff auf Produktivitätstools wie Outlook und Office behalten.
  • Verwenden Sie das integrierte VS Code-Terminal, um Ihre Linux-Distribution Ihrer Wahl auszuführen.
  • Nutzen Sie VS Code-Features wie IntelliSense-Code-Abschluss, Linting, Debug-Unterstützung, Code-Snippets und Unit-Tests.
  • Einfaches Verwalten der Versionssteuerung mit der integrierten Git-Unterstützung von VS Code
  • Ausführen von Befehlen und VS Code-Erweiterungen direkt in Ihren WSL-Projekten
  • Dateien in Ihrem Linux- oder eingebundenen Windows-Dateisystem (z. B. /mnt/c) bearbeiten, ohne sich Gedanken über Probleme mit Pfadangaben, binäre Kompatibilität oder andere betriebssystemübergreifende Herausforderungen machen zu müssen

Installieren von VS Code und der WSL-Erweiterung

  • Besuchen Sie die Vs Code-Installationsseite , und wählen Sie das Windows-Installationsprogramm für Ihre aktuelle Systemarchitektur aus. Installieren Sie Visual Studio Code unter Windows (nicht im WSL-Dateisystem).

  • Wenn Sie während der Installation aufgefordert werden, zusätzliche Aufgaben auszuwählen , überprüfen Sie unbedingt die Option "Zu PATH hinzufügen ", damit Sie einen Ordner in WSL mithilfe des Codebefehls problemlos öffnen können.

  • Installieren Sie die WSL-Erweiterung. Wenn Sie auch beabsichtigen, mit Remotecomputern oder Dev-Containern zu arbeiten, können Sie stattdessen das Erweiterungspaket für die Remoteentwicklung installieren, das die WSL-Erweiterung zusammen mit Remote - SSH und Dev Containers enthält.

Aktualisieren Sie Ihre Linux-Distribution

Einige WSL Linux-Distributionen fehlen Bibliotheken, die vom VS Code-Server zum Starten erforderlich sind. Sie können ihrer Linux-Verteilung zusätzliche Bibliotheken hinzufügen, indem Sie den Paket-Manager verwenden.

Verwenden Sie beispielsweise Folgendes, um Debian oder Ubuntu zu aktualisieren:

sudo apt-get update

Um wget (zum Abrufen von Inhalten von Webservern) und Ca-Zertifikaten hinzuzufügen (um SSL-basierte Anwendungen die Überprüfung auf die Echtheit von SSL-Verbindungen zu ermöglichen), geben Sie Folgendes ein:

sudo apt-get install wget ca-certificates

Öffnen eines WSL-Projekts in Visual Studio Code

Über die Befehlszeile

Um ein Projekt aus der WSL-Verteilung zu öffnen, öffnen Sie die Befehlszeile der Verteilung, und geben Sie Folgendes ein: code .

Öffnen des WSL-Projekts mit VS Code-Remoteserver

Aus VS Code

Sie können auch in VS Code auf weitere WSL-Optionen zugreifen, indem Sie die Tastenkombination Ctrl + Shift + P drücken, um die Befehlspalette zu öffnen. Wenn Sie dann eingeben WSL , wird eine Liste der verfügbaren Optionen angezeigt, sodass Sie den Ordner in einer WSL-Sitzung erneut öffnen können, geben Sie an, in welcher Verteilung Sie öffnen möchten, und vieles mehr.

Befehlspalette von VS Code

Erweiterungen innerhalb von VS Code WSL

Die WSL-Erweiterung teilt VS Code in eine "Client-Server"-Architektur auf, wobei der Client (die Benutzeroberfläche) auf Ihrem Windows-Computer ausgeführt wird, und der Server (Ihren Code, Git, Plug-Ins usw.) mit "remote" in Ihrer WSL-Verteilung ausgeführt wird.

Wenn Sie die WSL-Erweiterung ausführen, wird auf der Registerkarte "Erweiterungen" eine Liste der Erweiterungen angezeigt, die zwischen Ihrem lokalen Computer und ihrer WSL-Verteilung aufgeteilt sind.

Das Installieren einer lokalen Erweiterung, wie z. B. ein Design, muss nur einmal erfolgen.

Einige Erweiterungen, z. B. die Python-Erweiterung oder alles, was Elemente wie Linting oder Debugging behandelt, müssen separat in jeder WSL-Verteilung installiert werden. VS Code zeigt ein Warnsymbol ⚠zusammen mit einer grünen Schaltfläche "In WSL installieren" an, wenn sie lokal eine Erweiterung installiert haben, die nicht in Der WSL-Verteilung installiert ist.

VS Code mit WSL-Erweiterungen und lokalen Erweiterungen

Weitere Informationen finden Sie in den VS Code-Dokumentationen:

  • Wenn VS Code in WSL gestartet wird, werden keine Shellstartskripts ausgeführt. Weitere Informationen zum Ausführen zusätzlicher Befehle oder zum Ändern der Umgebung finden Sie in diesem Artikel zum Einrichten der erweiterten Umgebung .

  • Haben Sie Probleme beim Starten von VS Code über die WSL-Befehlszeile? Dieses Handbuch zur Problembehandlung enthält Tipps zum Ändern von Pfadvariablen, das Beheben von Erweiterungsfehlern bei fehlenden Abhängigkeiten, das Beheben von Problemen beim Beenden der Git-Zeile, das Installieren eines lokalen VSIX auf einem Remotecomputer, das Starten eines Browserfensters, den Blocker localhost-Port, web sockets nicht funktioniert, Fehler beim Speichern von Erweiterungsdaten und vieles mehr.

Installieren von Git (optional)

Wenn Sie beabsichtigen, mit anderen zusammenzuarbeiten oder Ihr Projekt auf einer Open-Source-Website (z. B. GitHub) zu hosten, unterstützt VS Code Versionssteuerung mit Git. Auf der Registerkarte "Quellcodeverwaltung" in VS Code werden alle Änderungen nachverfolgt und es gibt allgemeine Git-Befehle (Hinzufügen, Commit, Push, Pull), die direkt in die Benutzeroberfläche integriert sind.

Informationen zum Installieren von Git finden Sie unter Einrichten von Git für die Arbeit mit dem Windows-Subsystem für Linux.

Installieren von Windows-Terminal (optional)

Windows-Terminal ermöglicht mehrere Registerkarten (schnell zwischen Eingabeaufforderung, PowerShell oder mehreren Linux-Distributionen wechseln), benutzerdefinierte Tastenbindungen (erstellen Sie eigene Tastenkombinationen zum Öffnen oder Schließen von Registerkarten, kopieren+einfügen usw.), Emojis und benutzerdefinierte Designs (Farbschemas ☺, Schriftarten und Schriftgrade, Hintergrundbild/Weichzeichner/Transparenz). Windows-Terminal ist auf Windows 11 vorinstalliert. Weitere Informationen finden Sie in den Windows-Terminal-Dokumenten.

  1. Abrufen von Windows-Terminal im Microsoft Store: Durch die Installation über den Store werden Updates automatisch verarbeitet.

  2. Öffnen Sie nach der Installation Windows-Terminal, und wählen Sie "Einstellungen" aus, um Ihr Terminal mithilfe der settings.json Datei anzupassen.

Zusätzliche Ressourcen

Einige zusätzliche Erweiterungen, die Sie möglicherweise berücksichtigen möchten, umfassen:

  • Keymaps aus anderen Texteditoren: Diese Erweiterungen können Ihrer Umgebung helfen, sich wie zuhause zu fühlen, wenn Sie von einem anderen Texteditor (wie Atom, Sublime, Vim, eMacs, Notepad++ usw.) umsteigen.
  • Settings Sync: VS Code verfügt über integrierte Einstellungssynchronisierung, mit der Sie Ihre Einstellungen, Erweiterungen und Keybindings auf unterschiedlichen Computern mit Ihrem GitHub oder Microsoft-Konto synchronisieren können.
  • Last updated on