在Visual Studio Code中运行JavaScript

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

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

console.log('hello world');

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

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

当前回答

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

2019-06-02 19:07:30

其他回答

集成终端的快捷方式是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

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

2022-11-06 15:50:50

这很简单，当你在VS Code中创建一个新文件并运行它时，如果你还没有配置文件，它会为你创建一个，你唯一需要设置的是“program”值，并将其设置为你的主JS文件的路径，如下所示:

{
    "version": "0.1.0",
    // List of configurations. Add new configurations or edit existing ones.  
    // ONLY "node" and "mono" are supported, change "type" to switch.
    // ABSOLUTE paths are required for no folder workspaces.
    "configurations": [
        {
            // Name of configuration; appears in the launch configuration drop down menu.
            "name": "Launch",
            // Type of configuration. Possible values: "node", "mono".
            "type": "node",
            // ABSOLUTE path to the program.
            "program": "C:\\test.js", //HERE YOU PLACE THE MAIN JS FILE
            // Automatically stop program after launch.
            "stopOnEntry": false,
            // Command line arguments passed to the program.
            "args": [],
            // ABSOLUTE path to the working directory of the program being debugged. Default is the directory of the program.
            "cwd": "",
            // ABSOLUTE path to the runtime executable to be used. Default is the runtime executable on the PATH.
            "runtimeExecutable": null,
            // Optional arguments passed to the runtime executable.
            "runtimeArgs": [],
            // Environment variables passed to the program.
            "env": { },
            // Use JavaScript source maps (if they exist).
            "sourceMaps": false,
            // If JavaScript source maps are enabled, the generated code is expected in this directory.
            "outDir": null
        }, 
        {
            "name": "Attach",
            "type": "node",
            // TCP/IP address. Default is "localhost".
            "address": "localhost",
            // Port to attach to.
            "port": 5858,
            "sourceMaps": false
        }
    ]
}

2015-08-03 02:59:32

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

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

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

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

2016-08-04 13:00:41

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

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

启动调试截图

js代码在终端输出的截图

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

2019-11-24 19:56:35