在 VS Code 控制台中调试 JavaScript

Question

如何在 VSCode 控制台中快速测试 JavaScript，如下图所示？我必须安装扩展才能执行此操作吗？我在 Ubuntu 和 Windows 10 中使用 VSCode 但我没有看到Console。我看到的只是调试控制台、问题、输出和终端。我目前正在使用 Quokka 扩展，但我真的很想按照下图所示的方式测试 JS，而无需打开浏览器来执行此操作。

编辑2 Chrome JavaScript 控制台与index.html 文件和VSCode 结合使用。我真的希望 VSCode 中内置了 JS 控制台。

Answer 1

打开launch.json

然后粘贴整个块（如果为空），或将单个对象添加到现有列表中。

{
    "version": "0.2.0",
    "configurations": [
        {
            "name": "Node: Current File",
            "type": "node",
            "request": "launch",
            "program": "${file}",
            "console": "integratedTerminal"
        }
    ]
}

现在，当您单击侧面板上的“调试”菜单（bug >F5按钮）（或按）时，您将看到一个Node: Current File作为运行时下拉选项，该选项将通过 Node 执行您的 JS，并在附加的 VSC 中显示结果终端。

单击绿色三角形（我的第一张图片）开始调试（或按F5）并注意终端输出（在 VS 代码中）。

注意：如果您附加断点，通过单击用红点表示的行号，您可以在控制流评估期间使用Debug Console（选项卡左侧Terminal）作为命名空间环境来检查变量等（很像 Quokka）。

我从VS Code 文档中获取了这段代码。这是一本扎实的读物。