过程

*(前言)

步骤如下: 根据我的记忆，没有严格测试步骤…(可能会错过一些东西?) 以后的版本可能会有一些不同的变化 事物的自动设置(例如:环境路径)可能是不同的 在Win10

运行纯js

download & install Vscode download & install Node.js from the the offical website, eg: in G:\nodejs\node.exe open Vscode -> open your workspace folder eg: MyTestSpace -> create a new file call eg: test.js write a code console.log('-----test-----'); in test.js go to the Run and Debug panel (ctrl+shift+d) > Run drop down list at the top > Add Config (MyTestSpace) > a launch.json should be auto generated for you > at the auto-completetion popup > select Node.js: Launch Program > auto complete config fill in > rename the program to the path where your test.js locate your launch.json should look something like this:: { "version": "0.2.0", "configurations": [ { "type": "node", "request": "launch", "name": "Launch Program", "program": "${workspaceFolder}/test.js", }, ], } go back to the Run drop down list > select Launch Program (MyTestSpace) > click the Run button in your Debug Console should see the following:: G:\nodejs\node.exe .\test.js -----test----- a graph for demo naming might be different (just a ugly rough draft for demo [[(just try to post an answer wrote with little effort...)]]) (ignore unnecessary staff...)

运行js & html(简要介绍)

have a eg: main_test.html file, with a <script> tag refer to the test.js in the Run drop down list > add config > select Chrome > auto complete launch.json > change path to main_test.html eg: { "type": "chrome", "request": "launch", "name": "Open main_test.html", "file": "h:\\Book\\debug\\LXPI\\OEBPS\\lib_new2\\libNt\\crossFileHtse\\build_HighlightTypeset_ReadHtse\\main_test.html", }, select that chrome launch config > Run > html is opened up in your browser & console log printed

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

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

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

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

我面对这个确切的问题，当我第一次开始使用扩展代码运行器VS Code

你需要做的是在用户设置中设置node.js路径

您需要设置路径，因为您安装它在您的Windows机器。

我的是“C:\\Program Files\\nodejs\\node.exe\”

因为我的文件目录名中有一个空格

请看下面的图片。我未能在第一次运行代码，因为我在路径名称中犯了一个错误

希望这对你有所帮助。

当然，你的问题帮助了我，因为我也来这里寻求帮助，在我的VS CODE中运行JS

另一种选择是使用Visual Studio Code中的开发人员工具控制台。只需从帮助菜单中选择“切换开发人员工具”，然后在弹出的开发人员工具中选择“控制台”选项卡。从那里你有相同的开发工具REPL，你得到在Chrome。

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

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

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