是否有一种方法来执行JavaScript和显示使用Visual Studio代码的结果?

例如,一个脚本文件包含:

console.log('hello world');

我假设Node.js是需要的,但不知道如何做到这一点?

通过Visual Studio Code,我指的是来自微软的新代码编辑器 不是用Visual Studio编写的代码。


当前回答

只需安装nodemon并运行

nodemon your_file.js

在vs code终端上。

其他回答

另一种方法是打开终端ctrl+ '执行节点。现在您有了一个活动的节点REPL。您现在可以将您的文件或选定的文本发送到终端。为了做到这一点,打开VSCode命令面板(F1或ctrl+shift+p)并执行>在活动终端运行选定的文本或>在活动终端运行活动文件。

如果在执行代码之前需要一个干净的REPL,则必须重新启动节点REPL。这是在终端中使用节点REPL ctrl+c ctrl+c退出它,并键入node开始新的。

您可能可以将命令面板命令按键绑定到您希望的任何键。

node应该安装在您的路径中

在我看来,这是你最快的方法;

在visual studio代码上打开集成终端(查看>集成终端) 输入“node filename.js” 按回车键

注意:节点设置需要。(如果你有自制程序,只需在终端上输入“brew install node”)

注2:如果你还没有自制和节点,强烈推荐。

祝你有愉快的一天。

在VS代码中遵循这些步骤。[在Windows操作系统下执行]

创建新文件 在里面写javascript代码 保存文件为filename.js 转到调试菜单 点击“开始调试” 或者直接按F5

启动调试截图

js代码在终端输出的截图

编辑:阅读这篇关于JS for VSCode的最新配置和特性的文档:https://code.visualstudio.com/docs/languages/javascript

在Visual Studio Code中运行javascript有很多方法。

如果您使用Node,那么我建议使用VSC中的标准调试器。

我通常创建一个虚拟文件,比如test.js,在那里我做外部测试。

在存放代码的文件夹中,创建名为“”的文件夹。然后创建一个名为launch。json的文件

在此文件中粘贴以下内容并保存。现在您有两个选项来测试您的代码。

当你选择“Nodemon Test File”时,你需要把你的代码放在Test .js中进行测试。

要安装nodemon以及更多关于如何在VSC中调试nodemon的信息,我建议阅读这篇文章,它更详细地解释了发布的第二部分。json文件和如何调试在ExpressJS。

{
    "version": "0.2.0",
    "configurations": [
        {
            "type": "node",
            "request": "launch",
            "name": "Nodemon Test File",
            "runtimeExecutable": "nodemon",
            "program": "${workspaceFolder}/test.js",
            "restart": true,
            "console": "integratedTerminal",
            "internalConsoleOptions": "neverOpen"
        },
        {
            "type": "node",
            "request": "attach",
            "name": "Node: Nodemon",
            "processId": "${command:PickProcess}",
            "restart": true,
            "protocol": "inspector",
        },
    ]
}

为了简单地运行代码并在控制台上显示输出,您可以创建一个任务并执行它,就像@canerbalci提到的那样。

这样做的缺点是,你只能得到输出,仅此而已。

我真正喜欢做的是能够调试代码,让我们说我试图解决一个小算法或尝试一个新的ES6功能,我运行它,有一些可疑的东西,我可以在VSC中调试它。

因此,我没有为它创建一个任务,而是修改了.vscode/launch。Json文件,如下所示:

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

这将在VSC的调试器中启动您当前所在的文件。它设置在启动时停止。

要启动它,在要调试的文件中按F5键。