在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

其他回答

用npm安装nodemon Init nodemon: npm Init 打开的包。Json，并将其更改为: ｛ “名称”:“JavaScript”, “版本”:“1.0.0”, “描述”:“”, “主要”:“{文件名}. js”, "脚本":{ "test": "echo \"错误:没有测试指定的\" && exit 1"， "start": "nodemon {filename}.js" }， “关键词”:[], “作者”:“”, “许可证”:“ISC” ｝在终端上写这个命令:npm start

2021-05-22 09:08:57

有一个更简单的方法来运行JavaScript，不需要配置:

安装代码运行器扩展在文本编辑器中打开JavaScript代码文件，然后使用快捷键Control+Alt+N(或者在macOS上使用⌃Control+“选项”+“N”)，或者按F1，然后选择/键入“运行代码”，代码将运行，输出将显示在“输出窗口”中。

此外，您还可以选择部分JavaScript代码并运行代码片段。扩展也适用于未保存的文件，所以你可以创建一个文件，将其更改为Javascript并快速编写代码(当你只需要尝试一些快速的东西)。非常方便!

这需要NodeJS，否则它将无法工作。

2016-08-04 13:00:41

我建议你使用一个简单易用的插件，叫做Quokka，它现在非常流行，可以帮助你在运行中调试代码。 Quokka.js。使用这个插件最大的好处是你可以节省很多时间去浏览网页浏览器和评估你的代码，有了这个帮助，你可以看到在VS代码中发生的一切，这节省了很多时间。

2019-12-04 02:19:24

只需在谷歌上搜索“Mozilla javascript参考”。打开第一个链接(developer.mozilla)，然后打开该页中的任何链接。它提供了“试试”的示例代码，你可以删除和编写和测试你自己的代码。简单。无需VS-Code:-)

2022-11-06 15:50:50