Führen Sie JavaScript in Visual Studio Code aus

Lesezeit: 6 Minuten

Benutzer-Avatar
Nick LePage

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.

  • Das klingt nach einem A/B-Problem. Was ist das Problem, das Sie eigentlich zu lösen versuchen?

    – Jordan Running

    3. August 2015 um 2:46 Uhr

  • @Chris Er bezieht sich auf eine Software. VSCode ist ein Editor

    – Kshitiz Sharma

    22. Juni 2017 um 14:37 Uhr


  • Ich habe gerade eine neue Erweiterung für VS Code erstellt, probieren Sie “Node.JS REPL” aus. marktplatz.visualstudio.com/…

    – Verlorene Felder

    6. Januar 2018 um 23:40 Uhr

  • Am einfachsten können Sie die Ergebnisse anzeigen, indem Sie zu View => Integrated Terminal gehen und Folgendes eingeben: node .js

    – Mattl

    5. März 2018 um 21:34 Uhr


  • Haben Sie Antworten gefunden, die es ermöglichen, JavaScript aus der Browserperspektive auszuführen? So wie Sie es mit einer Browserkonsole auf einer leeren HTML-Seite tun würden?

    – Eric Burel

    17. Februar 2021 um 11:10 Uhr

Benutzer-Avatar
Zehnwesten

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!

  • Und mit dieser Lösung müssen Sie keine Erweiterung installieren! Hat der Debugger dieselben Funktionen wie Code Runner?

    – Robin Metral

    7. Mai 2019 um 14:28 Uhr

  • Das macht am meisten Sinn

    – KhoPhi

    14. Mai 2019 um 20:34 Uhr

  • Nun, die Frage war nicht, ein Programm auszuführen, sondern “Javascript auszuführen und die Ergebnisse anzuzeigen”, dies tut beides 🙂

    – Zehnwesten

    6. August 2019 um 21:36 Uhr

  • @tenwest – brauchst du nicht zuerst eine Debug-Konfiguration, die node.js verwendet? Ich habe derzeit nur eine Debug-Konfiguration für den Chrome-Browser. Dadurch wird der Chrome-Browser geöffnet, den ich nicht benötige, da mein Code keine Browserfunktionen aufruft.

    – MasterJoe

    9. Juni 2020 um 22:33 Uhr

  • Out of the box geht das heute nicht mehr. Eine Art Debug-Konfiguration ist erforderlich: Chrome, Edge, Node.js, VS-Code-Erweiterung. Keine scheint angemessen.

    – Benutzer48956

    14. September 2021 um 20:57 Uhr

  • Für mich ist i) “Debuggen starten” unter “Ausführen”, ii) VSCode verlangt, dass ich eine (Browser!) Umgebung auswähle, und nicht als einfaches Programm.

    – Benutzer48956

    14. September 2021 um 20:54 Uhr

  • Ja, ich kann das in meiner aktuellen Version von vscode sehen. Ich habe versucht, js nach Ihrem Kommentar auszuführen. Es fragt nach der Browserauswahl. Es zeigt auch Nodejs in der Liste und wenn Sie dort Nodejs auswählen, wird es die Datei ausführen und die Ausgabe auf der Debug-Konsole anzeigen, ohne den vscode oder weitere Konfigurationen zu verlassen. Auch wenn es nach der Browserauswahl fragt, gibt es auch die Möglichkeit, Erweiterungen zu installieren, die Ihre Aufgabe erleichtern

    – CrackerKSR

    18. September 2021 um 18:00 Uhr


  • Ich möchte es nicht in einem Browser ausführen. Wenn Inseect nodejs, Compiler-Fehler nicht gemeldet werden (zumindest kann ich die in der Ausgabe nicht sehen – seltsamerweise, wenn ich die Ausgabefenster auswähle, STRG-A, STRG-C, und in den Editor einfüge, werden die Fehler eingefügt Was zum Teufel.

    – Benutzer48956

    18. September 2021 um 18:05 Uhr

  • Ich denke, Sie sollten eine neue Frage stellen und dort ausführlich erklären, damit ich sie richtig beantworten kann.

    – CrackerKSR

    21. September 2021 um 10:29 Uhr

  • Checkout August 2021 Änderungsprotokoll . Jetzt bieten sie einen eingebauten Debugger code.visualstudio.com/updates/v1_60#_javascript-debugging

    – CrackerKSR

    25. September 2021 um 18:25 Uhr


Benutzer-Avatar
canerbalci

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"
}

  • Das OP hat nichts von einem Projekt gesagt. Es sieht so aus, als ob sie die derzeit geöffnete einzelne Datei ausführen möchten, was von einem Texteditor sehr vernünftig ist.

    – Markus Wilbur

    18. April 2019 um 21:39 Uhr

Benutzer-Avatar
Abhijit-Chakra

Wenn Sie Knoten auf Ihrem Computer installiert haben

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

  • Das OP hat nichts von einem Projekt gesagt. Es sieht so aus, als ob sie die derzeit geöffnete einzelne Datei ausführen möchten, was von einem Texteditor sehr vernünftig ist.

    – Markus Wilbur

    18. April 2019 um 21:39 Uhr

Benutzer-Avatar
Lebobi

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.

  • Gut, aber Sie müssen am Ende Shift+F5 drücken, um den Debugger zu stoppen

    – Peter Dotschew

    2. August 2016 um 6:28 Uhr

  • Sie könnten Ihrem Code auch ein process.exit() hinzufügen: D

    – Lebobi

    3. August 2016 um 22:12 Uhr

1010300cookie-checkFühren Sie JavaScript in Visual Studio Code aus

This website is using cookies to improve the user-friendliness. You agree by using the website further.

Privacy policy