在Visual Studio Code中运行JavaScript

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

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

console.log('hello world');

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

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

当前回答

这个解决方案打算运行当前打开的文件在节点和显示输出在VSCode。

我也有同样的问题，并且发现新引入的任务对于这个特定的用例很有用。这有点麻烦，但我是这么做的:

在项目的根目录中创建一个.vscode目录，并创建一个tasks。Json文件。将这个任务定义添加到文件中:

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

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

然后你可以: press F1 > type ' run task ' > enter > select ' runFile ' > enter 来运行任务，但我发现为打开任务列表添加自定义键绑定更容易。

要添加键绑定，在VSCode UI菜单中，点击“Code”>“Preferences”>“Keyboard Shortcuts”。添加到你的键盘快捷键:

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

当然，你可以选择任何你想要的组合键。

更新:

假设您正在运行JavaScript代码来测试它，您可以通过将其isTestCommand属性设置为true来将您的任务标记为测试任务，然后您可以将一个键绑定到workbench.action.tasks.test命令以进行单动作调用。

换句话说，就是你的任务。Json文件现在将包含:

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

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

.．.还有你的按键。Json文件现在将包含:

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

2015-11-22 00:44:06

其他回答

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

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

启动调试截图

js代码在终端输出的截图

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

2019-11-24 19:56:35

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

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

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

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

祝你有愉快的一天。

2018-09-07 14:33:06

为了简单地运行代码并在控制台上显示输出，您可以创建一个任务并执行它，就像@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键。

2016-02-13 05:51:05

我面对这个确切的问题，当我第一次开始使用扩展代码运行器VS Code

你需要做的是在用户设置中设置node.js路径

您需要设置路径，因为您安装它在您的Windows机器。

我的是“C:\\Program Files\\nodejs\\node.exe\”

因为我的文件目录名中有一个空格

请看下面的图片。我未能在第一次运行代码，因为我在路径名称中犯了一个错误

希望这对你有所帮助。

当然，你的问题帮助了我，因为我也来这里寻求帮助，在我的VS CODE中运行JS

2018-01-23 05:55:49