Erste Schritte mit Visual Studio Code mit Windows-Subsystem für Linux

Visual Studio Code können Sie zusammen mit der Remote - WSL-Erweiterung WSL direkt über die VS Code. Ihre Möglichkeiten:

  • Entwickeln in einer Linux-basierten Umgebung
  • Verwenden Linux-spezifischer Toolketten und Hilfsprogramme
  • Ausführen und Debuggen Ihrer Linux-basierten Anwendungen aus dem Komfort von Windows während gleichzeitig der Zugriff auf Produktivitätstools wie Outlook und Office
  • Verwenden sie VS Code integrierten Terminal, um Ihre Linux-Distribution Ihrer Wahl ausführen zu können.
  • Profitieren Sie von VS Code IntelliSense-Codevervollständigung, Linting,Debugunterstützung,Codeausschnittenund Komponententests.
  • Einfaches Verwalten Ihrer Versionskontrolle mit VS Code git-Unterstützung
  • Ausführen von Befehlen VS Code Erweiterungen direkt in Ihren WSL-Projekten
  • Bearbeiten von Dateien in Ihrem Linux- oder Windows-Dateisystem (z. B. /mnt/c), ohne sich Gedanken über Pfadprobleme, Binärkompatibilität oder andere betriebssystemübergreifende Herausforderungen machen zu müssen

Installieren VS Code und der WSL-Remoteerweiterung

  • Besuchen Sie die VS Code, und wählen Sie das 32- oder 64-Bit-Installationsprogramm aus. Installieren Visual Studio Code auf Windows (nicht in Ihrem WSL-Dateisystem).

  • Wenn Sie während der Installation zur Auswahl zusätzlicher Aufgaben aufgefordert werden, stellen Sie sicher, dass Sie die Option Zu PATH hinzufügen aktivieren, damit Sie mit dem Codebefehl problemlos einen Ordner in WSL öffnen können.

  • Installieren Sie das Remoteentwicklungserweiterungspaket. Dieses Erweiterungspaket enthält die Erweiterung Remote – WSL sowie die Erweiterungen Remote – SSH und Remote – Container, sodass Sie beliebige Ordner in einem Container, auf einem Remotecomputer oder in WSL öffnen können.

Wichtig

Um die Remote-WSL-Erweiterung zu installieren, benötigen Sie die Releaseversion 1.35 may oder höher von VS Code. Es wird nicht empfohlen, WSL in VS Code ohne die Remote-WSL-Erweiterung zu verwenden, da Sie die Unterstützung für automatische Vervollstundung, Debuggen, Linting usw. verlieren. Fun fact (Fun fact): Diese WSL-Erweiterung wird in $HOME/.vscode/extensions installiert (geben Sie den Befehl ls $HOME\.vscode\extensions\ in PowerShell ein).

Aktualisieren Ihrer Linux-Distribution

Einige WSL-Linux-Distributionen fehlen Bibliotheken, die vom VS Code-Server zum Starten benötigt werden. Sie können Ihrer Linux-Distribution mithilfe des Paket-Managers zusätzliche Bibliotheken hinzufügen.

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

sudo apt-get update

Geben Sie Zum Hinzufügen von wget (zum Abrufen von Inhalten von Webservern) und Zertifizierungsstellenzertifikaten (damit SSL-basierte Anwendungen die Authentizität von SSL-Verbindungen überprüfen können) Ein:

sudo apt-get install wget ca-certificates

Öffnen Sie ein WSL-Projekt in Visual Studio Code

Über die Befehlszeile

Um ein Projekt aus Ihrer WSL-Distribution zu öffnen, öffnen Sie die Befehlszeile der Distribution, und geben Sie Ein: code .

Öffnen eines WSL-Projekts mit VS Code Remoteserver

Aus VS Code

Sie können auch über die VS Code auf weitere Remoteoptionen zugreifen: in VS Code, um die CTRL+SHIFT+P Befehlspalette auf den Computer zu öffnen. Wenn Sie dann eingeben, wird eine Liste der verfügbaren VS Code-Remoteoptionen angezeigt, mit denen Sie den Ordner in einer Remotesitzung erneut öffnen, angeben können, in welcher Distribution Sie öffnen Remote-WSL möchten und mehr.

VS Code befehlspalette

Erweiterungen in VS Code Remote

Die Remote-WSL-Erweiterung teilt VS Code in eine "Client-Server"-Architektur auf, bei der der Client (die Benutzeroberfläche) auf Ihrem Windows-Computer und der Server (Code, Git, Plug-Ins usw.) remote ausgeführt werden.

Wenn Sie VS Code Remote 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, z. B. eines Designs,muss nur einmal installiert werden.

Einige Erweiterungen, z. B. die Python-Erweiterung oder alle Anderen, die Dinge wie Linting oder Debuggen behandeln, müssen separat auf jeder WSL-Remoteverteilung installiert werden. VS Code wird ein Warnsymbol ⚠ zusammen mit der grünen Schaltfläche "In WSL installieren" angezeigt, wenn lokal eine Erweiterung installiert ist, die nicht auf Ihrem WSL-Remotecomputer installiert ist.

VS Code mit Remote : WSL-Erweiterungen im Vergleich zu lokalen Erweiterungen

Weitere Informationen finden Sie in VS Code Dokumentation:

  • Wenn VS Code Remote 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 Skript für die erweiterte Umgebungseinrichtung.

  • Haben Sie Probleme, VS Code über die WSL-Befehlszeile zu starten? Dieser Leitfaden zur Problembehandlung enthält Tipps zum Ändern von Pfadvariablen, zum Beheben von Erweiterungsfehlern bei fehlenden Abhängigkeiten, zum Beheben von Problemen beim Beenden von Git-Zeilen, zum Installieren einer lokalen VSIX auf einem Remotecomputer, zum Starten eines Browserfensters, zum Blockieren des Localhostports, zu fehlern beim Speichern von Erweiterungsdaten und mehr.

Installieren von Git (optional)

Wenn du beabsichtigst, zusammen mit anderen zusammenzuarbeiten oder das Projekt an einem Open-Source-Standort (wie GitHub) zu hosten, unterstützt VS Code die Versionskontrolle mit Git. Auf der Registerkarte „Quellcodeverwaltung“ in VS Code werden alle Änderungen nachverfolgt und gängige Git-Befehle („Add“, „Commit“, „Push“, „Pull“) direkt in die Benutzeroberfläche integriert.

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

Installieren von Windows-Terminal (optional)

Die neue Windows-Terminal ermöglicht mehrere Registerkarten (schnelles Wechseln zwischen Eingabeaufforderung, PowerShell oder mehreren Linux-Distributionen), benutzerdefinierte Tastenbindungen (erstellen Sie eigene Tastenkombinationen zum Öffnen oder Schließen von Registerkarten, Kopieren und Einfügen usw.), Emojis ☺ und benutzerdefinierte Designs (Farbschemas, Schriftschnitte und -größen, Hintergrundbild/Weichbild/Transparenz). Weitere Informationen finden Sie in Windows-Terminal Dokumentation.

  1. Hole dir Windows-Terminal im Microsoft Store: Durch die Installation über den Store werden Updates automatisch durchgeführt.

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

Weitere Ressourcen

Folgende zusätzliche Erweiterungen solltest du ebenfalls in Erwägung ziehen:

  • Tastaturlayouts anderer Editoren: Durch diese Erweiterungen wird die Arbeit in deiner Umgebung vereinfacht, wenn du von einem anderen Text-Editor umsteigst (z. B. Atom, Sublime, Vim, emacs, Notepad++ usw.).
  • Einstellungssynchronisierung: Damit kannst du die VS Code-Einstellungen in verschiedenen Installationen über GitHub synchronisieren. Wenn Sie auf verschiedenen Computern arbeiten, können Sie die Umgebung auf diese Weise konsistent halten.
  • Debugger für Chrome:Nachdem Sie die Entwicklung auf Serverseite mit Linux abgeschlossen haben, müssen Sie die Clientseite entwickeln und testen. Diese Erweiterung integriert deinen VS Code-Editor mit dem Debugdienst deines Chrome-Browsers, sodass du effizienter arbeiten kannst.