Debuggen der aktuellen Datei in VS Code

Ich schreibe Javascript und mache gerade einfache Übungen/Programme. Manchmal möchte ich meine Datei zu Testzwecken ausführen. Mir ist bewusst, dass ich eine erstellen könnte HTML Datei und tun Sie dies in der Konsole. In Sublime gibt es eine Möglichkeit, die aktuelle Datei zu “erstellen” und sofort die Ergebnisse anzuzeigen (z. B. was auch immer an console.log gesendet wird).

Bei VS Code scheint es, dass ich für jede Datei, die ich auf diese Weise “erstellen”/debuggen möchte, die launch.json Datei, um den Namen des aktuellen Programms widerzuspiegeln.

Ich habe nach einer Möglichkeit gesucht, dies zu umgehen, und ich habe gelernt, dass es Variablen wie gibt ${file} aber wenn ich das in der launch.json Attribut “Programm”, zum Beispiel:

"program": "${workspaceRoot}/${file}"

mit oder ohne die workspaceRoot teilweise erhalte ich folgenden Fehler:

Attribute "program" does not exist" (file name here). 

Fehlt mir eine einfache Möglichkeit, dies zu erreichen, oder muss ich weiter bearbeiten launch.json Jedes Mal, wenn ich die Datei ausführen möchte?

Danke im Voraus!

Ändern:

"program": "${file}"

Als Referenz ist dies die vollständige launch.json

{
  "launch": {
    "version": "0.2.0",
    "configurations": [
      {
        "name": "Node.js - Debug Current File",
        "type": "node",
        "request": "launch",
        "program": "${file}"
      }
    ]
  }
}

Bei einer einzelnen Datei können Sie die Datei „launch.json“ vollständig überspringen. Klicken Sie einfach auf den grünen Pfeil im Debugger-Bereich und wählen Sie Node als Ihre Umgebung aus.

Aus hier.

Es gibt viele verschiedene Möglichkeiten, wie Sie möglicherweise auf eine Datei zugreifen müssen, die von bereitgestellt wird Vordefinierte Variablen:

Angenommen, Sie haben die folgenden Anforderungen:

• Eine Datei befindet sich unter /home/your-username/your-project/folder/file.ext in Ihrem Editor geöffnet;
• Das Verzeichnis /home/your-username/your-project als Ihr Stammarbeitsbereich geöffnet.

Sie haben also die folgenden Werte für jede Variable:

• ${userHome} – /home/your-username
• ${workspaceFolder} – /home/your-username/your-project
• ${workspaceFolderBasename} – your-project
• ${file} – /home/your-username/your-project/folder/file.ext
• ${fileWorkspaceFolder} – /home/your-username/your-project
• ${relativeFile} – folder/file.ext
• ${relativeFileDirname} – folder
• ${fileBasename} – file.ext
• ${fileBasenameNoExtension} – file
• ${fileDirname} – /home/your-username/your-project/folder
• ${fileExtname} – .ext
• ${lineNumber} – Zeilennummer des Cursors
• ${selectedText} – in Ihrem Code-Editor ausgewählter Text
• ${execPath} – Speicherort von Code.exe
• ${pathSeparator} – / unter macOS oder Linux, \ unter Windows