在Visual Studio Code中运行JavaScript

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

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

console.log('hello world');

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

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

当前回答

用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

其他回答

集成终端的快捷方式是ctrl + '，然后键入node <filename>。

或者，您可以创建一个任务。这是唯一的代码在我的tasks.json:

{
// See https://go.microsoft.com/fwlink/?LinkId=733558
// for the documentation about the tasks.json format
"version": "0.1.0",
"command": "node",
"isShellCommand": true,
"args": ["${file}"],
"showOutput": "always"
}

从这里创建一个捷径。这是我的keybindings.json:

// Place your key bindings in this file to overwrite the defaults
[
{   "key": "cmd+r",
"command": "workbench.action.tasks.runTask"
},
{   "key": "cmd+e",
"command": "workbench.action.output.toggleOutput"
}
]

这将在命令面板中打开“运行”，但你仍然需要用鼠标键入或选择你想要运行的任务，在这种情况下是节点。第二个快捷键切换输出面板，它已经有一个快捷键，但这些键彼此相邻，更容易使用。

2016-08-24 03:44:35

你不需要在visual studio代码中设置运行javascript、python等代码的环境，你所要做的就是安装代码运行器扩展，然后选择你想要运行的代码的一部分，然后点击右上角的运行按钮。

2019-06-02 19:07:30

为了简单地运行代码并在控制台上显示输出，您可以创建一个任务并执行它，就像@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代码中遵循这些步骤。[在Windows操作系统下执行]

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

启动调试截图

js代码在终端输出的截图

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

2019-11-24 19:56:35

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

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

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