Beginnen Sie mit der Verwendung von Visual Studio Code mit dem Windows-Subsystem für LinuxGet started using Visual Studio Code with Windows Subsystem for Linux

Visual Studio Code können Sie zusammen mit der Remote-WSL-Erweiterung WSL als voll Zeit Entwicklungsumgebung direkt von vs Code verwenden.Visual Studio Code, along with the Remote - WSL extension, enables you to use WSL as your full-time development environment directly from VS Code. Ihre Möglichkeiten:You can:

  • entwickeln in einer Linux-basierten Umgebungdevelop in a Linux-based environment
  • Linux-spezifische Toolchain und Hilfsprogramme verwendenuse Linux-specific toolchains and utilities
  • ausführen und Debuggen Ihrer Linux-basierten Anwendungen von der Komfort von Windows, während der Zugriff auf Produktivitäts Tools wie Outlook und Office gewährleisten wirdrun and debug your Linux-based applications from the comfort of Windows while maintaining access to productivity tools like Outlook and Office
  • Verwenden Sie das integrierte Terminal vs Code, um Ihre Linux-Distribution Ihrer Wahl auszuführen.use the VS Code built-in terminal to run your Linux distribution of choice
  • profitieren Sie von vs Code Features wie IntelliSense-Code Vervollständigung, linting, Debug-Unterstützung, Code Ausschnitteund Komponenten Tests .take advantage of VS Code features like Intellisense code completion, linting, debug support, code snippets, and unit testing
  • Verwalten Sie Ihre Versionskontrolle einfach mit der integrierten git- Unterstützung von vs Codeeasily manage your version control with VS Code's built-in Git support
  • Ausführen von Befehlen und vs Code Erweiterungen direkt in ihren WSL-Projektenrun commands and VS Code extensions directly on your WSL projects
  • Bearbeiten Sie Dateien in Ihrem Linux-oder eingebundenen Windows-Dateisystem (z. b./mnt/c), ohne sich Gedanken über die Probleme mit der Bereitstellung, binäre Kompatibilität oder andere außer Betriebssystemeedit files in your Linux or mounted Windows filesystem (for example /mnt/c) without worrying about pathing issues, binary compatibility, or other cross-OS challenges

Installieren von vs Code und der WSL-Remote ErweiterungInstall VS Code and the Remote WSL extension

  • Besuchen Sie die Seite vs Code Installation , und wählen Sie den Installer 32 oder 64 Bit aus.Visit the VS Code install page and select the 32 or 64 bit installer. Installieren Sie Visual Studio Code unter Windows (nicht in Ihrem WSL-Dateisystem).Install Visual Studio Code on Windows (not in your WSL file system).

  • Wenn Sie aufgefordert werden, während der Installation Weitere Aufgaben auszuwählen , stellen Sie sicher, dass Sie die Option zum Pfad hinzufügen aktivieren, damit Sie mit dem Code Befehl problemlos einen Ordner in WSL öffnen können.When prompted to Select Additional Tasks during installation, be sure to check the Add to PATH option so you can easily open a folder in WSL using the code command.

  • Installieren Sie das remoteentwicklungs-Erweiterungspaket.Install the Remote Development extension pack. Dieses Erweiterungspaket enthält zusätzlich zu den Remote-SSH-und Remote Container Erweiterungen die Remote-WSL-Erweiterung, mit der Sie einen beliebigen Ordner in einem Container, auf einem Remote Computer oder in WSL öffnen können.This extension pack includes the Remote - WSL extension, in addition to the Remote - SSH, and Remote - Containers extensions, enabling you to open any folder in a container, on a remote machine, or in WSL.

Wichtig

Um die Remote-WSL-Erweiterung zu installieren, benötigen Sie die Version 1,35 oder höher von vs Code.In order to install the Remote-WSL extension, you will need the 1.35 May release version or later of VS Code. Es wird nicht empfohlen, WSL in vs Code ohne die Remote-WSL-Erweiterung zu verwenden, da Sie die Unterstützung für automatisches vervollständigen, Debuggen, linting usw. verlieren. Spaß Fakt: Diese WSL-Erweiterung wird in $Home/.vscode/Extensions installiert (geben Sie den Befehl ls $HOME\.vscode\extensions\ in PowerShell ein).We do not recommend using WSL in VS Code without the Remote-WSL extension as you will lose support for auto-complete, debugging, linting, etc. Fun fact: this WSL extension is installed in $HOME/.vscode/extensions (enter the command ls $HOME\.vscode\extensions\ in PowerShell).

Aktualisieren Ihrer Linux-DistributionUpdate your Linux distribution

In einigen WSL Linux-Distributionen fehlen Bibliotheken, die vom vs Code Server benötigt werden, um gestartet werden zu können.Some WSL Linux distributions are lacking libraries that are required by the VS Code server to start up. Mithilfe des Paket-Managers können Sie Ihrer Linux-Distribution weitere Bibliotheken hinzufügen.You can add additional libraries into your Linux distribution by using its package manager.

Um z. b. Debian oder Ubuntu zu aktualisieren, verwenden Sie Folgendes:For example, to update Debian or Ubuntu, use:

sudo apt-get update

Geben Sie Folgendes ein, um wget (zum Abrufen von Inhalten von Webservern) und ZS-Zertifikaten (damit SSL-basierte Anwendungen die Authentizität von SSL-Verbindungen überprüfen können):To add wget (to retrieve content from web servers) and ca-certificates (to allow SSL-based applications to check for the authenticity of SSL connections), enter:

sudo apt-get install wget ca-certificates

Öffnen Sie ein WSL-Projekt in Visual Studio CodeOpen a WSL project in Visual Studio Code

Über die BefehlszeileFrom the command-line

Öffnen Sie die Befehlszeile der Distribution, und geben Sie Folgendes ein, um ein Projekt aus der WSL-Distribution zu öffnen: code .To open a project from your WSL distribution, open the distribution's command line and enter: code .

WSL-Projekt mit vs Code Remote Server öffnen

Von vs CodeFrom VS Code

Sie können auch auf weitere vs Code Remote Optionen zugreifen, indem Sie die Verknüpfung verwenden: CTRL+SHIFT+P in vs Code, um die Befehls Palette anzuzeigen.You can also access more VS Code Remote options by using the shortcut: CTRL+SHIFT+P in VS Code to bring up the command palette. Wenn Sie dann eingeben, VSCODE-REMOTE werden alle verfügbaren vs Code Remote Optionen angezeigt. Dadurch können Sie den Ordner in einer Remote Sitzung erneut öffnen, angeben, welche Distribution Sie öffnen möchten, und vieles mehr.If you then type VSCODE-REMOTE you will see all of the VS Code Remote options available, allowing you to reopen the folder in a remote session, specify which distribution you want to open in, and more.

Befehls Palette vs Code

Erweiterungen in vs Code RemoteExtensions inside of VS Code Remote

Die Remote-WSL-Erweiterung teilt vs Code in eine Client-Server-Architektur auf, wobei der Client (die Benutzeroberfläche) auf Ihrem Windows-Computer und der Server (Code, git, Plug-ins usw.) Remote ausgeführt wird.The Remote-WSL extension splits VS Code into a “client-server” architecture, with the client (the user interface) running on your Windows machine and the server (your code, Git, plugins, etc) running remotely.

Wenn Sie vs Code Remote ausführen, wird durch Auswählen der Registerkarte "Extensions" eine Liste der Erweiterungen angezeigt, die zwischen dem lokalen Computer und der WSL-Distribution aufgeteilt sind.When running VS Code Remote, selecting the 'Extensions' tab will display a list of extensions split between your local machine and your WSL distribution.

Die Installation einer lokalen Erweiterung, wie z. b . ein Design, muss nur einmal installiert werden.Installing a local extension, like a theme, only needs to be installed once.

Einige Erweiterungen, wie z. b. die python-Erweiterung oder Elemente, die Dinge wie das linting oder Debuggen verarbeiten, müssen separat auf jeder WSL-Remote Distribution installiert werden.Some extensions, like the Python extension or anything that handles things like linting or debugging, must be installed separately on each remote WSL distributions. In vs Code wird ein Warnsymbol ⚠ zusammen mit einer grünen Schaltfläche "in WSL installieren" angezeigt, wenn Sie lokal eine Erweiterung installiert haben, die nicht auf dem WSL-Remote Computer installiert ist.VS Code will display a warning icon ⚠, along with a green "Install in WSL" button, if you have an extension locally installed that is not installed on your WSL Remote.

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

Weitere Informationen finden Sie in den vs Code-Dokumentation:For further information, see the VS Code docs:

  • Wenn vs Code Remote in WSL gestartet wird, werden keine shellstartskripts ausgeführt.When VS Code Remote is started in WSL, no shell startup scripts are run. Weitere Informationen zum Ausführen zusätzlicher Befehle oder zum Ändern der Umgebung finden Sie in diesem Artikel zum Setup Skript für erweiterte Umgebungen .See this advanced environment setup script article for more info on how to run additional commands or modify the environment.

  • Haben Sie Probleme beim Starten von vs Code von der WSL-Befehlszeile?Having problems launching VS Code from your WSL command line? Dieses Handbuch zur Problem Behandlung enthält Tipps zum Ändern von Pfad Variablen, zum Beheben von Erweiterungs Fehlern bei fehlenden Abhängigkeiten, zum Beheben von Problemen beim Beenden von git-Zeilen, zum Installieren einer lokalen VSIX auf einem Remote Computer, zum Starten eines Browserfensters, zum Blockieren des localhost-Diensts, zu nicht funktionierenden websockets, zum Speichern von Erweiterungs DatenThis troubleshooting guide includes tips on changing path variables, resolving extension errors about missing dependencies, resolving Git line ending issues, installing a local VSIX on a remote machine, launching a browser window, blocker localhost port, web sockets not working, errors storing extension data, and more.

Installieren von Git (optional)Install 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.If you plan to collaborate with others, or host your project on an open-source site (like GitHub), VS Code supports version control with 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.The Source Control tab in VS Code tracks all of your changes and has common Git commands (add, commit, push, pull) built right into the UI.

Informationen zur Installation von git finden Sie unter Einrichten von git für die Arbeit mit dem Windows-Subsystem für Linux.To install Git, see set up Git to work with Windows Subsystem for Linux.

Installieren von Windows-Terminal (optional)Install Windows Terminal (optional)

Das neue Windows-Terminal ermöglicht mehrere Registerkarten (schnelles Umschalten zwischen Eingabeaufforderung, PowerShell oder mehreren Linux-Verteilungen), benutzerdefinierte Tastenbindungen (erstellen Sie eigene Tastenkombinationen zum Öffnen oder Schließen von Registerkarten, kopieren und Einfügen usw.), Emojis-☺ und benutzerdefinierte Designs (Farbschemas, Schriftarten und Größen, Hintergrundbild/weich/Transparenz).The new Windows Terminal enables multiple tabs (quickly switch between Command Prompt, PowerShell, or multiple Linux distributions), custom key bindings (create your own shortcut keys for opening or closing tabs, copy+paste, etc.), emojis ☺, and custom themes (color schemes, font styles and sizes, background image/blur/transparency). Weitere Informationen finden Sie in der Windows-TerminalDokumentation.Learn more in the Windows Terminal docs.

  1. Hole dir Windows-Terminal im Microsoft Store: Durch die Installation über den Store werden Updates automatisch durchgeführt.Get Windows Terminal in the Microsoft Store: By installing via the store, updates are handled automatically.

  2. Öffne nach der Installation das Windows-Terminal, und wähle Einstellungen aus, um dein Terminal mithilfe der Datei profile.json anzupassen.Once installed, open Windows Terminal and select Settings to customize your terminal using the profile.json file.

Weitere RessourcenAdditional Resources

Folgende zusätzliche Erweiterungen solltest du ebenfalls in Erwägung ziehen:A few additional extensions you may want to consider include:

  • 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.).Keymaps from other editors: These extensions can help your environment feel right at home if you're transitioning from another text editor (like Atom, Sublime, Vim, eMacs, Notepad++, etc).
  • Einstellungssynchronisierung: Damit kannst du die VS Code-Einstellungen in verschiedenen Installationen über GitHub synchronisieren.Settings Sync: Enables you to synchronize your VS Code settings across different installations using GitHub. Wenn Sie auf verschiedenen Computern arbeiten, können Sie die Umgebung auf diese Weise konsistent halten.If you work on different machines, this helps keep your environment consistent across them.
  • Debugger für Chrome: Nachdem Sie die Entwicklung auf dem Server mit Linux abgeschlossen haben, müssen Sie die Clientseite entwickeln und testen.Debugger for Chrome: Once you finish developing on the server side with Linux, you'll need to develop and test the client side. Diese Erweiterung integriert deinen VS Code-Editor mit dem Debugdienst deines Chrome-Browsers, sodass du effizienter arbeiten kannst.This extension integrates your VS Code editor with your Chrome browser debugging service, making things a bit more efficient.