是否有一种方法来执行JavaScript和显示使用Visual Studio代码的结果?
例如，一个脚本文件包含:
console.log('hello world');
我假设Node.js是需要的，但不知道如何做到这一点?
通过Visual Studio Code，我指的是来自微软的新代码编辑器 不是用Visual Studio编写的代码。
当前回答
另一种方法是打开终端ctrl+ '执行节点。现在您有了一个活动的节点REPL。您现在可以将您的文件或选定的文本发送到终端。为了做到这一点，打开VSCode命令面板(F1或ctrl+shift+p)并执行>在活动终端运行选定的文本或>在活动终端运行活动文件。
如果在执行代码之前需要一个干净的REPL，则必须重新启动节点REPL。这是在终端中使用节点REPL ctrl+c ctrl+c退出它，并键入node开始新的。
您可能可以将命令面板命令按键绑定到您希望的任何键。
node应该安装在您的路径中
其他回答
你不需要在visual studio代码中设置运行javascript、python等代码的环境，你所要做的就是安装代码运行器扩展，然后选择你想要运行的代码的一部分，然后点击右上角的运行按钮。
我建议你使用一个简单易用的插件，叫做Quokka，它现在非常流行，可以帮助你在运行中调试代码。 Quokka.js。使用这个插件最大的好处是你可以节省很多时间去浏览网页浏览器和评估你的代码，有了这个帮助，你可以看到在VS代码中发生的一切，这节省了很多时间。
过程
*(前言)
步骤如下: 根据我的记忆，没有严格测试步骤…(可能会错过一些东西?) 以后的版本可能会有一些不同的变化 事物的自动设置(例如:环境路径)可能是不同的 在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
我很惊讶居然没有人提到这一点:
只需在VS Code中打开有问题的.js文件，切换到“调试控制台”选项卡，点击左侧导航栏中的调试按钮，然后点击运行图标(播放按钮)!
需要安装nodejs !
对于windows:只需将.js文件的文件关联更改为node.exe
1) Take VSCode
2) Right click on the file in left pane
3) Click "Reveal in explorer" from context menu
4) Right click on the file -> Select "Open with" -> Select "Choose another program"
5) Check box "Always use this app to open .js file"
6) Click "More apps" -> "Look for another app in PC"
7) Navigate to node.js installation directory.(Default C:\Program Files\nodejs\node.exe"
8) Click "Open" and you can just see cmd flashing
9) Restart vscode and open the file -> Terminal Menu -> "Run active file".
