Effektives Debuggen und Codequalität sind untrennbare Konzepte in der Softwareentwicklung. Die Debugging-Funktionalität von Visual Studio (VS) Code wird hauptsächlich durch die Datei launch.json gesteuert. Mit dieser Datei können Entwickler ihre Debugging-Einstellungen entsprechend ihrer Vision konfigurieren und verwalten.
Dieser Artikel führt Sie durch das Öffnen und Verwalten der Datei launch.json für ein optimales Debugging.
Öffnen von launch.json in Visual Studio Code
Um die Debugging-Einstellungen für VS-Code zu konfigurieren und zu verwalten, benötigen Sie Zugriff auf die Datei launch.json. Diese Datei spielt eine entscheidende Rolle bei der Debug-Anpassung.
- Öffnen Sie Visual Studio Code.
- Drücken Sie Strg + Umschalt + P, um die Befehlspalette zu öffnen.
- Geben Sie „Open launch.json“ in die Befehlspalette ein und drücken Sie „Enter“. Dadurch sollte die Datei launch.json für Sie geöffnet werden.
- Wenn die Datei „launch.json“ nicht geöffnet wird, überprüfen Sie, ob der Ordner „.vscode“ im Stammordner Ihres Projekts vorhanden ist.
- Wenn es nicht vorhanden ist, erstellen Sie einen neuen Ordner mit dem Namen „.vscode“ in Ihrem Benutzerordner.
- Erstellen Sie eine neue „launch.json“-Datei und legen Sie sie in diesem Ordner ab.
Die Datei „launch.json“ kann nach der Aktivierung konfiguriert werden.
Übersicht über die Launch.json-Struktur
Die launch.json zeigt die Abschnitte „Version“ und „Konfigurationen“ an. Der Abschnitt „Konfigurationen“ ist ein Array mit verschiedenen Debugging-Optionen, die Sie zum Konfigurieren Ihres Debugging-Schemas verwenden.
Jedes Objekt im Array „Konfigurationen“ stellt ein Debugging-Szenario dar. Diese Objekte verfügen über Eigenschaften, die die Debugumgebung definieren, z. B. die Sprach-, Programm- und Debuggereinstellungen.
Zu den allgemeinen Eigenschaften, die Sie in launch.json-Konfigurationen finden, gehören:
- „Name“ – Ein leserfreundlicher Name für die Konfiguration, um sie im Dropdown-Menü zu identifizieren.
- „type“ – Gibt den Typ des Debuggers an (z. B. „node“, „python“ oder „cppvsdbg“).
- „request“ – Bestimmt den Anforderungstyp, entweder „launch“ (um eine neue Instanz zu starten) oder „attach“ (um den Debugger an einen vorhandenen Prozess anzuhängen).
- „Programm“ – Dateipfad für die Datei, die Sie debuggen möchten.
- „args“ – Ein Array von Befehlszeilenargumenten, die beim Debuggen an das Programm übergeben werden.
- „preLaunchTask“ – Eine Aufgabe, die vor dem Start des Debuggers ausgeführt werden soll.
Wenn Sie die Struktur der Datei „launch.json“ verstehen, wissen Sie, welche Optionen Sie ändern und welche Sie bei der Anpassung Ihrer Debugging-Umgebung in Ruhe lassen sollten.
Konfigurieren der Starteinstellungen für verschiedene Sprachen
Die Schritte zum Konfigurieren der Starteinstellungen können je nach Sprache leicht variieren. Hier sind die Schritte für mehrere beliebte Sprachen.
JavaScript und TypeScript
- Erstellen Sie eine neue launch.json-Datei und konfigurieren Sie die Eigenschaft „type“ als „node“ für JavaScript oder „pwa-node“ für TypeScript.
- Setzen Sie die Eigenschaft „request“ auf „launch“ oder „attach“.
- Sie sollten die Einstiegspunktdatei mit der Eigenschaft „Programm“ angeben.
Python
- Installieren Sie den Python-Interpreter und die Erweiterung für Visual Studio Code.
- Setzen Sie die Eigenschaft „type“ in einer neuen Datei „launch.json“ auf „python“.
- Konfigurieren Sie die Eigenschaft „request“ als „launch“ oder „attach“.
- Geben Sie die auszuführende Python-Datei mit der Eigenschaft „Programm“ an.
- Möglicherweise müssen Sie zusätzlich die Eigenschaft „pythonPath“ auf den Pfad des Python-Interpreters festlegen, wenn dieser sich nicht am Standardspeicherort befindet.
C# und .NET Core
- Installieren Sie die C#-Erweiterung für Visual Studio Code.
- Setzen Sie in der neuen Datei launch.json die Eigenschaft „type“ auf „coreclr“ für .NET Core oder „clr“ für .NET Framework.
- Konfigurieren Sie die Eigenschaft „request“ als „launch“ oder „attach“.
- Geben Sie die Einstiegspunktdatei mit der Eigenschaft „Programm“ an.
- Legen Sie bei Bedarf die Eigenschaft „cwd“ auf das Arbeitsverzeichnis des aktuellen Projekts fest.
Java
- Installieren Sie das Java Extension Pack.
- Erstellen Sie eine neue launch.json-Datei und setzen Sie die Eigenschaft „type“ auf „java“.
- Konfigurieren Sie die Eigenschaft „request“ als „launch“ oder „attach“.
- Geben Sie die Hauptklasse mit der Eigenschaft „mainClass“ an.
- Legen Sie die Eigenschaft „projectName“ auf den Namen Ihres Java-Projekts fest.
- Konfigurieren Sie die Eigenschaft „classpath“ so, dass sie die Java-Bibliotheken enthält, die Sie während Ihrer Java-Entwicklung verwenden werden.
Konfigurationsrezepte debuggen
Im folgenden Abschnitt werden verschiedene Debugkonfigurationsrezepte behandelt.
Anhängen des Debuggers an einen laufenden Prozess
So hängen Sie den Debugger an einen laufenden Prozess an:
- Setzen Sie die Eigenschaft „request“ auf „attach“.
- Wählen Sie die Prozess-ID oder den Filter aus, um den zu debuggenden Prozess zu finden.
Remote-Anwendungs-Debugging
Für das Debuggen von Remote-Anwendungen:
- Verwenden Sie einen „Remote“-Typ.
- Geben Sie die Adresse, den Port und möglicherweise Authentifizierungsinformationen des Hosts an, um eine Verbindung herzustellen.
Debuggen von Unit-Tests und Testsuiten
Beim Debuggen von Komponententests und Testsuiten:
- Verwenden Sie eine Konfiguration, die das Testframework und die Einstellungen zum Debuggen von Komponententests und Testsuiten umfasst.
- Definieren Sie die Testsuite oder einzelne Testdateien in der Eigenschaft „program“ oder „args“, um bestimmte Tests gezielt durchzuführen.
Übergeben von Umgebungsvariablen
Die Eigenschaft „env“ in launch.json kann beim Debuggen Umgebungsvariablen an Ihre Anwendung übergeben. Bei dieser Eigenschaft handelt es sich um ein Objekt, das Schlüssel-Wert-Paare für die Umgebungsvariablen enthält, die Sie festlegen möchten.
Erweitertes Debuggen
Lassen Sie uns einige fortgeschrittene Debugging-Techniken für Benutzer erkunden, die etwas mehr Leistung aus den Debug-Dateien herausholen möchten.
Bedingte Haltepunkte und Protokollpunkte
Bedingte Haltepunkte und Protokollpunkte verbessern das Debuggen, indem sie Nachrichten nur unter bestimmten Bedingungen anhalten oder protokollieren. Um sie zu verwenden:
- Klicken Sie mit der rechten Maustaste auf die Zeilennummer, in der Sie einen Haltepunkt oder Protokollpunkt festlegen möchten.
- Wählen Sie „Bedingten Haltepunkt hinzufügen“ oder „Protokollpunkt hinzufügen“.
- Geben Sie die Bedingung oder Nachricht ein, um die Aktion auszulösen.
Quellkarten
Mit Quellkarten können Sie Code debuggen, der transformiert oder minimiert wurde.
- Setzen Sie die Eigenschaft „sourceMap“ in Ihrer launch.json-Konfiguration auf „true“, um Quellkarten zu verwenden.
- Stellen Sie sicher, dass Ihr Build-Prozess Quellkarten und den transformierten Code generiert.
Externe Debugger integrieren
Wenn Sie möchten, können Sie externe Debugger und Tools wie gdb oder lldb in VS Code integrieren.
- Installieren Sie die Debugger-Erweiterung Ihrer Wahl.
- Konfigurieren Sie die Einstellungen des Debuggers in der Datei launch.json.
Debuggen von Multithread-Anwendungen
Beim Debuggen von Multithread-Anwendungen können Sie die Ausführung einzelner Threads steuern.
- Verwenden Sie die „Threads“-Ansicht in der Debug-Seitenleiste, um die Threads während einer Debugging-Sitzung zu verwalten.
- Sie können die Codeausführung für jeden Thread separat anhalten, fortsetzen oder schrittweise durchlaufen.
Multi-Target-Debugging
Zusammengesetzte Startkonfigurationen ermöglichen das gleichzeitige Debuggen mehrerer Ziele. Wenn Sie diese Funktion nutzen möchten, fügen Sie ein „Compounds“-Array mit Konfigurationsnamen zur Gruppierung hinzu. Führen Sie sie aus, indem Sie im Dropdown-Menü „Debuggen“ den Namen der Verbundkonfiguration auswählen.
Konfigurieren Sie mehrere Startkonfigurationen, die auf verschiedene Dienste, Funktionen oder Endpunkte abzielen, um Microservices und serverlose Anwendungen zu debuggen. Verwenden Sie zusammengesetzte Startkonfigurationen, um diese Ziele gemeinsam auszuführen.
Erstellen Sie für Multi-Root-Arbeitsbereiche separate launch.json-Dateien für jeden Ordner. Konfigurieren Sie die Starteinstellungen für jeden Stammordner einzeln, um Projekte separat oder gleichzeitig mithilfe von Compounds zu debuggen.
Fehlerbehebung bei häufigen launch.json-Problemen
Manchmal ist das Debuggen anfällig für eigene Fehler. Schauen wir uns einige häufige Probleme und deren Behebung an.
Fehler bei der Schemavalidierung
Schemavalidierungsfehler treten auf, wenn eine launch.json-Datei ungültige Eigenschaften oder Werte aufweist. So beheben Sie Schemafehler:
- Überprüfen Sie die Fehlermeldungen im Bereich „Probleme“.
- Aktualisieren Sie die Datei launch.json entsprechend den Informationen aus der Fehlermeldung.
Debuggen von Fehlern
Falsche Starteinstellungen können zu Debugging-Fehlern führen.
- Überprüfen Sie Ihre Startkonfigurationen auf falsche Dateipfade.
- Überprüfen Sie fehlende oder falsche Debugger- oder Anforderungstypen.
- Aktualisieren Sie die Einstellungen nach Bedarf.
Diagnostizieren von Problemen mit der Startkonfiguration
So diagnostizieren Sie Probleme mit Startkonfigurationen:
- Aktivieren Sie die Diagnoseprotokollierung, indem Sie die Eigenschaft „trace“ auf „verbose“ setzen.
- Überprüfen Sie die generierten Protokolle in der Debug-Konsole, um etwaige Probleme zu identifizieren und zu beheben.
Tipps für launch.json
Nutzen Sie launch.json optimal mit diesen Tipps:
- Verwenden Sie aussagekräftige Namen für Ihre Startkonfigurationen, um sie leicht identifizierbar zu machen. Diese Vorgehensweise hilft Ihnen, schnell die geeignete Konfiguration zu finden, wenn Sie mit mehreren Debug-Szenarien arbeiten.
- Teilen Sie Startkonfigurationen mit Ihrem Team, indem Sie die Datei launch.json in das Versionskontrollsystem Ihres Projekts einbinden. Jedes Teammitglied kann auf dieselben Debugging-Konfigurationen und -Einstellungen zugreifen.
- Versionskontrollsysteme wie Git können Änderungen an Ihrer launch.json-Datei verfolgen. Mithilfe der Versionskontrolle können Sie zu früheren Konfigurationen zurückkehren und mit anderen Teammitgliedern zusammenarbeiten, indem Sie empfohlene Einstellungen mit ihnen teilen.
- Installieren Sie Erweiterungen, die bestimmte Sprachen, Debugger oder Tools unterstützen, die den Anforderungen des Projekts entsprechen. Konfigurieren Sie die Datei launch.json, um diese Erweiterungen und ihre Funktionen während Debugging-Sitzungen zu verwenden.
Starten Sie das Debuggen
Indem Sie die Leistungsfähigkeit von launch.json nutzen, können Sie Ihr Debugging-Erlebnis so anpassen, dass es am besten zu Ihrem Codierungsstil passt. Dadurch wird die Qualität und Leistung Ihres Codes verbessert.
Wie oft müssen Sie Ihre Starteinstellungen konfigurieren? Habt ihr Konfigurationstipps? Bitte teilen Sie Ihre Erfahrungen im Kommentarbereich unten.
FAQs
How do I run a launch json in Vscode? ›
To create a launch.json file, click the create a launch.json file link in the Run start view. If you go back to the File Explorer view (Ctrl+Shift+E), you'll see that VS Code has created a .vscode folder and added the launch.json file to your workspace.
Where is the launch json file in Vscode? ›The launch.json file is located in a .vscode folder in your workspace (project root folder).
How do I get rid of launch json in Vscode? ›Go to rm ~/. vscode/ , then you will find your debug configs ( launch. json ). Remove them from there.
How to display json in vscode? ›- Open vscode and search extensions for 'json viewer'
- download.
- reload.
- Usage: open a file, Press F1 and run 'Open in json viewer' Run the command again on editor to update the view.
- Right click the References node in your Project and click Manage Nuget Packages...
- In the Nuget Package Manager Dialog box, make sure Online is selected in the left pane. Type Json.Net in the search box in the top right. ...
- Click the Install button.
To execute your Script, use the 'npm run <NAME-OF-YOUR-SCRIPT>' command. Some predefined aliases convert to npm run, like npm test or npm start, you can use them interchangeably. Maintaining commands you run regularly as an npm script is common, like starting your application, linting, building production apps, etc.
What does launch json do in Vscode? ›A launch.json file is used to configure the debugger in Visual Studio Code. Visual Studio Code generates a launch.json (under a .vscode folder in your project) with almost all of the required information.
What is json in Vscode? ›JSON is a data format that is common in configuration files like package.json or project.json . We also use it extensively in Visual Studio Code for our configuration files. When opening a file that ends with .json , VS Code provides features to make it simpler to write or modify the file's content.
How do I stop Vscode from opening files? ›Open settings by either main menu option File > Preferences > Settings or pressing Ctrl+, then search for "Enable Preview" and you will see the option. Uncheck the option to disable opening as a preview.
How to open JSON file? ›You can use Microsoft Word, Microsoft Notepad, Notepad++, Mozilla Firefox, and File Viewer Plus to open a JSON file in Windows.
How do I view JSON code? ›
- Windows Notepad. Windows Notepad is a simple text editor created by windows for use on windows software, because of the simplicity of JSON files this is an effective, simple editor you can use to view and edit JSON files.
- Notepad++ ...
- Github Atom. ...
- Microsoft Visual Studio Code.
You can also open the keybindings.json file from the Command Palette (Ctrl+Shift+P) with the Preferences: Open Keyboard Shortcuts (JSON) command.
How do I run a file in Visual Studio? ›In the simplest case, to build and run an open project in Visual Studio: Press F5, choose Debug > Start with debugging from the Visual Studio menu, or select the green Start arrow and project name on the Visual Studio toolbar.
How to run JavaScript in Visual Studio Code? ›Open the JavaScript code file in Text Editor, then use shortcut Control + Alt + N (or ⌃ Control + ⌥ Option + N on macOS), or press F1 and then select/type Run Code , the code will run and the output will be shown in the Output Window.
Can you use JSON in Visual Studio? ›In Visual Studio, you can copy text from JSON or XML files and then paste the text as classes in your C# or Visual Basic code. To do so, select Edit > Paste Special and choose either Paste JSON As Classes or Paste XML As Classes.
How to format JSON file in Visual Studio? ›- Cmd + K and then M to complete the command.
- Type JSON.
- Hit Enter.
- Option + Shift + F to format the content.
We just need to use the --port number flag. For example: json-server --watch db. json --port 3004.
How to run JSON file in JavaScript? ›- Using modules (NodeJs runtime environment) Read the data inside the JSON file in the NodeJs runtime environment using the required modules without using the web browser.
- Using ES6 import module (Web Runtime Environment)
- run command npm init. it will take a while to process, click on yes. ...
- run command npm install --save json-server. ...
- run command in terminal touch database.json. ...
- go to package.json file. ...
- run command npm run start. ...
- go to postman.
- Open Visual Studio.
- Create A New Windows Form App Project (Visual Basic)
- Add One TextBox (txt1) & One Button (Button1) In The Project.
- TextBox Will Be Used To Print The Parsed JSON & Button Will Be Used To Parse The JSON.
How to run C file on Visual Studio Code? ›
Simply open VS Code/VS Code Insiders, open any folder, and create any file with the extension .c for the C file and .cpp for the C++ file. After writing your code, you can run the code directly using the play button you'll find in the upper right corner.
How to use json in code? ›- Always enclose the key, value pair within double quotes. Most JSON parsers don't like to parse JSON objects with single quotes. ...
- Never use hyphens in your key fields. Use underscores ( _ ), all lower case, or camel case. ...
- Use a JSON linter to confirm valid JSON.
JSON (JavaScript Object Notation, pronounced /ˈdʒeɪsən/; also /ˈdʒeɪˌsɒn/) is an open standard file format and data interchange format that uses human-readable text to store and transmit data objects consisting of attribute–value pairs and arrays (or other serializable values).
Why do we use json code? ›Why Use JSON? The JSON format is syntactically similar to the code for creating JavaScript objects. Because of this, a JavaScript program can easily convert JSON data into JavaScript objects. Since the format is text only, JSON data can easily be sent between computers, and used by any programming language.
Why does VS Code close when I open another File? ›This happens because the VS Code opens the files by default in preview mode , so whenever the new file name is clicked from explorer, the opened file closes and the new file is visible.
How do I stop a script from running in Visual Studio Code? ›To stop running a program before it's complete, use the red square stop button on the debug toolbar (Shift+F5), or use the Run > Stop debugging menu command. For full details, see Debugging configurations, which includes notes on how to use a specific Python interpreter for debugging.
How do I stop VS Code from jumping to File in Explorer? ›To stop Solution Explorer from jumping to the item for the active document, go to Toos|Options|'Projects and Solutions' and disable 'Track Active Item in Solution Explorer'.
How do I open and edit a JSON file? ›You can use any text/code editor such as Notepad, Sublime Text, and others to open and edit JSON files. Alternatively, use an online editor to edit your JSON files. However, for JSON files containing strings of texts or translations, you should use Localazy, suitable for managing multiple file formats.
How to open JSON file from Python? ›- Import the json module.
- Open test. json using the open() built-in function.
- Load the JSON object inside the test. json file using the json. load() function.
- Print out the values of the JSON object inside the test. json file.
To view a JSON file stored on your device as reformatted JSON: Open a new tab or window in Microsoft Edge. Press Ctrl+O on Windows and Linux, or Command+O on macOS, and then select a JSON file.
Can you open JSON in browser? ›
JSON files can also be viewed directly in a web browser. Most modern browsers, including Google Chrome, Mozilla Firefox, and Microsoft Edge, have native support for viewing JSON files. Drag and drop the JSON file into the browser window to view it.
Which code is JSON? ›JavaScript Object Notation (JSON) is a standard text-based format for representing structured data based on JavaScript object syntax. It is commonly used for transmitting data in web applications (e.g., sending some data from the server to the client, so it can be displayed on a web page, or vice versa).
How to convert json to object in VS Code? ›- Select a valid JSON object in your editor (if nothing is selected then the whole file is checked)
- Choose Convert JSON to JS Object in the command palette ( Cmt/Ctrl+Shift+P )
The File > Add Folder to Workspace command brings up an Open Folder dialog to select the new folder. Once a root folder is added, the Explorer will show the new folder as a root in the File Explorer. You can right-click on any of the root folders and use the context menu to add or remove folders.
How do I set up prettier VS Code? ›- Open VS Code and press the Extensions icon.
- Input “Prettier” in the search bar and hit the magnifying glass icon.
- Select the official Prettier extension from the list.
- Hit the “Install” button.
- Once Prettier is installed, press the Reload button to complete the process.
To use the runSelectedText command, select text in an editor and run the command Terminal: Run Selected Text in Active Terminal via the Command Palette (Ctrl+Shift+P), the terminal will attempt to run the selected text.
How do I run a command when opening a workspace in VS Code? ›Open the command palette with ctrl + shift + p and type “reload”, select “Developer: Reload Window”, As soon as the workspace is opened, the integrated terminal should open up and you should see the tasks should start running.
How do I run a JS code in Visual Studio code? ›Open JavaScript Code in VSCode after installing the code runner extension. To run the code, use the CTRL+ALT+N shortcut or hit F1 and enter Run Code.
How do I run a CPP file in VS Code? ›From a command prompt or a new VS Code Integrated Terminal, you can now run your program by typing ".\helloworld". If everything is set up correctly, you should see the output "Hello World". This has been a very simple example to help you get started with C++ development in VS Code.
How do you run code in output instead of terminal in VS Code? ›- go to manage (on left bar)
- go settings.
- search for runinterminal.
- uncheck the box that says runinterminal.
- restart vscode.
How to run a js file in terminal? ›
- Step 1: Save your javascript with . js extension.
- Step 2: Open the command prompt.
- Step 3: Locate your path where the . js file is saved.
- Step 4: To compile the .js file we have to write.
- Node <Filename>.js.
- Step 5: Press the Enter key.
- Output:
That shortcut is Ctrl + Alt + N. There are a few more ways to run code. Pressing F1 and then choosing Run Code also works. If you want to type it out after pressing F1, you're free to do that as well.
How to step through JavaScript in Visual Studio? ›- With your project open in Visual Studio, open a server-side JavaScript file (such as server. ...
- To run your app, press F5 (Debug > Start Debugging). ...
- Press F5 to continue the app.
- If you want to use the Chrome Developer Tools, press F12 in the Chrome browser.
Support for every codebase
Use MSBuild with the Microsoft Visual C++ compiler or a 3rd party toolset like CMake with Clang or mingw to build and debug your code right in the IDE. Benefit from a first-class CMake experience.
To run the code, on the menu bar, choose Debug, Start without debugging. A console window opens and then runs your app. When you start a console app in Visual Studio, it runs your code, then prints "Press any key to continue . . ." to give you a chance to see the output.