在 Visual Studio Code 中运行 JavaScript

Question

有没有办法使用 Visual Studio Code 执行 JavaScript 并显示结果？

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

console.log('hello world');

我认为需要 Node.js 但不知道该怎么做？

我所说的 Visual Studio Code 是指来自 Microsoft 的新代码编辑器 -

不是使用 Visual Studio 编写的代码。

原文由 Nick Le Page 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

该解决方案旨在在节点中运行当前打开的文件并在 VSCode 中显示输出。

我有同样的问题，发现新引入的 tasks 对这个特定用例很有用。这有点麻烦，但这是我所做的：

在项目的根目录中创建一个 .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 菜单中，转到“代码”>“首选项”>“键盘快捷键”。将此添加到您的键盘快捷键：

 {
 "key": "cmd+r",
 "command": "workbench.action.tasks.runTask"
 }

当然，您可以选择任何您想要的组合键。

更新：

假设您正在运行 JavaScript 代码来 测试 它，您可以通过将其 isTestCommand 属性 设置为 true 来将您的任务标记为 测试 任务，然后您可以将一个键绑定到 workbench.action.tasks.test 命令 以进行单操作调用.

换句话说，您的 tasks.json 文件现在将包含：

 {
 "version": "0.1.0",
 "command": "node",
 "isShellCommand": true,
 "args": [
 "--harmony"
 ],

 "tasks": [
 {
 "taskName": "runFile",
 "isTestCommand": true,
 "suppressTaskName": true,
 "showOutput": "always",
 "problemMatcher": "$jshint",
 "args": ["${file}"]
 }
 ]
 }

…您的 keybindings.json 文件现在将包含：

 {
 "key": "cmd+r",
 "command": "workbench.action.tasks.test"
 }

原文由 canerbalci 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

有一种运行 JavaScript 的更简单的方法，无需配置：

1. 安装 Code Runner 扩展
2. 在文本编辑器中打开 JavaScript 代码文件，然后使用快捷键 Control + Alt + N （或在 macOS 上使用 ⌃ Control + ⌥ Option + N ），或按 F1 然后选择/键入 Run Code ，代码将运行输出将显示在输出窗口中。

此外，您可以选择部分 JavaScript 代码并运行代码片段。该扩展还适用于未保存的文件，因此您只需创建一个文件，将其更改为 Javascript 并快速编写代码（当您只需要快速尝试时）。很方便！

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

原文由 Jun Han 发布，翻译遵循 CC BY-SA 4.0 许可协议