是否有一种方法来执行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"
}

其他回答

你必须设置Node.js环境变量在VS code中运行JavaScript代码。按照这些设置并创建路径。

——打开控制面板->系统->高级系统设置->环境变量 ——找到变量PATH,并将node.js文件夹路径添加为值。通常是C:\Program Files Nodejs;。如果变量不存在,则创建它。 —重新启动IDE或计算机。

如果您想知道节点可执行文件应该在C:\Program Files\nodejs文件夹中。

如果您需要检查您的路径,您可以通过右键单击文件资源管理器中的计算机或从控制面板中的安全设置来查看它。在那里选择高级系统设置。将打开一个对话框,选中Advanced选项卡。底部是一个按钮,环境变量。

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

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

启动调试截图

js代码在终端输出的截图

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

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

如果您的节点安装在您的机器上

只要在VSCODE中打开终端,输入node yourfile.js,就是这样

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

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