Führen Sie JavaScript in Visual Studio Code aus

Question 1

Gibt es eine Möglichkeit, JavaScript auszuführen und die Ergebnisse anzuzeigen? Visual Studio-Code?

Zum Beispiel eine Skriptdatei, die Folgendes enthält:

console.log('hello world');

Ich nehme an, dass Node.js benötigt würde, kann aber nicht herausfinden, wie es geht?

Von Visual Studio-Code Ich meine den neuen Code-Editor von Microsoft – kein Code, der mit Visual Studio geschrieben wurde.

Question 2

Mich wundert, dass das noch nicht erwähnt wurde:

Öffnen Sie einfach die .js Datei in VS Code, wechseln Sie zur Registerkarte „Debug Console“, klicken Sie auf die Debug-Schaltfläche in der linken Navigationsleiste und klicken Sie auf das Ausführen-Symbol (Play-Schaltfläche)!

Erfordert die Installation von nodejs!

Question 3

Diese Lösung beabsichtigt, die aktuell geöffnete Datei im Knoten auszuführen und die Ausgabe in VSCode anzuzeigen.

Ich hatte die gleiche Frage und fand neu eingeführt tasks nützlich für diesen speziellen Anwendungsfall. Es ist ein wenig mühsam, aber ich habe Folgendes getan:

Ein … kreieren .vscode Verzeichnis im Stammverzeichnis Ihres Projekts und erstellen Sie eine tasks.json Datei darin. Fügen Sie diese Aufgabendefinition zur Datei hinzu:

{
    "version": "0.1.0",
    "command": "node",
    "isShellCommand": true,
    "args": [
        "--harmony"
    ],

    "tasks": [
        {
            "taskName": "runFile",
            "suppressTaskName": true,
            "showOutput": "always",
            "problemMatcher": "$jshint",
            "args": ["${file}"]
        }
    ]
}

Dann kannst du:
press F1 > type `run task` > enter > select `runFile` > enter
um Ihre Aufgabe auszuführen, aber ich fand es einfacher, eine benutzerdefinierte Tastenkombination zum Öffnen von Aufgabenlisten hinzuzufügen.

Um die Tastenkombination hinzuzufügen, gehen Sie im Menü der VSCode-Benutzeroberfläche zu „Code“ > „Einstellungen“ > „Tastaturkürzel“. Fügen Sie dies zu Ihren Tastaturkürzeln hinzu:

{
    "key": "cmd+r",
    "command": "workbench.action.tasks.runTask"
}

Natürlich können Sie als Tastenkombination wählen, was Sie wollen.

AKTUALISIEREN:

Angenommen, Sie führen den JavaScript-Code aus Prüfung Sie könnten Ihre Aufgabe als markieren Prüfung Aufgabe, indem Sie seine isTestCommand Eigentum zu true und dann kannst du einen schlüssel an den binden workbench.action.tasks.test Befehl für einen Single-Action-Aufruf.

Mit anderen Worten, Ihre tasks.json Datei würde jetzt enthalten:

{
    "version": "0.1.0",
    "command": "node",
    "isShellCommand": true,
    "args": [
        "--harmony"
    ],

    "tasks": [
        {
            "taskName": "runFile",
            "isTestCommand": true,
            "suppressTaskName": true,
            "showOutput": "always",
            "problemMatcher": "$jshint",
            "args": ["${file}"]
        }
    ]
}

…und dein keybindings.json Datei würde jetzt enthalten:

{
    "key": "cmd+r",
    "command": "workbench.action.tasks.test"
}

Question 4

Wenn Sie Knoten auf Ihrem Computer installiert haben

Öffnen Sie einfach das Terminal VSCODE und Typ node yourfile.js das ist es

Question 5

Nun, um einfach den Code auszuführen und die Ausgabe auf der Konsole anzuzeigen, können Sie eine Aufgabe erstellen und ausführen, so ziemlich wie @canerbalci erwähnt.

Der Nachteil dabei ist, dass Sie nur die Ausgabe erhalten und das war’s.

Was ich wirklich gerne mache, ist in der Lage zu sein, den Code zu debuggen, sagen wir, ich versuche, einen kleinen Algorithmus zu lösen oder eine neue ES6-Funktion auszuprobieren, und ich führe es aus und es ist etwas faul, ich kann es in VSC debuggen.

Anstatt also eine Aufgabe dafür zu erstellen, habe ich die Datei .vscode/launch.json in diesem Verzeichnis wie folgt geändert:

{
"version": "0.2.0",
"configurations": [
    {
        "name": "Launch",
        "type": "node",
        "request": "launch",
        "program": "${file}",
        "stopOnEntry": true,
        "args": [],
        "cwd": "${fileDirname}",
        "runtimeExecutable": null,
        "runtimeArgs": [
            "--nolazy"
        ],
        "env": {
            "NODE_ENV": "development"
        },
        "externalConsole": false,
        "sourceMaps": false,
        "outDir": null
    }
]
}

Dies bewirkt, dass die Datei, in der Sie sich gerade befinden, im Debugger von VSC gestartet wird. Es ist so eingestellt, dass es beim Start stoppt.

Um es zu starten, drücken Sie die Taste F5 in der Datei, die Sie debuggen möchten.