是否有一种方法来执行JavaScript和显示使用Visual Studio代码的结果?
例如,一个脚本文件包含:
console.log('hello world');
我假设Node.js是需要的,但不知道如何做到这一点?
通过Visual Studio Code,我指的是来自微软的新代码编辑器 不是用Visual Studio编写的代码。
是否有一种方法来执行JavaScript和显示使用Visual Studio代码的结果?
例如,一个脚本文件包含:
console.log('hello world');
我假设Node.js是需要的,但不知道如何做到这一点?
通过Visual Studio Code,我指的是来自微软的新代码编辑器 不是用Visual Studio编写的代码。
当前回答
为了简单地运行代码并在控制台上显示输出,您可以创建一个任务并执行它,就像@canerbalci提到的那样。
这样做的缺点是,你只能得到输出,仅此而已。
我真正喜欢做的是能够调试代码,让我们说我试图解决一个小算法或尝试一个新的ES6功能,我运行它,有一些可疑的东西,我可以在VSC中调试它。
因此,我没有为它创建一个任务,而是修改了.vscode/launch。Json文件,如下所示:
{
"version": "0.2.0",
"configurations": [
{
"name": "Launch",
"type": "node",
"request": "launch",
"program": "${file}",
"stopOnEntry": true,
"args": [],
"cwd": "${fileDirname}",
"runtimeExecutable": null,
"runtimeArgs": [
"--nolazy"
],
"env": {
"NODE_ENV": "development"
},
"externalConsole": false,
"sourceMaps": false,
"outDir": null
}
]
}
这将在VSC的调试器中启动您当前所在的文件。它设置在启动时停止。
要启动它,在要调试的文件中按F5键。
其他回答
在Visual Studio Code中运行javascript有很多方法。
如果您使用Node,那么我建议使用VSC中的标准调试器。
我通常创建一个虚拟文件,比如test.js,在那里我做外部测试。
在存放代码的文件夹中,创建名为“”的文件夹。然后创建一个名为launch。json的文件
在此文件中粘贴以下内容并保存。现在您有两个选项来测试您的代码。
当你选择“Nodemon Test File”时,你需要把你的代码放在Test .js中进行测试。
要安装nodemon以及更多关于如何在VSC中调试nodemon的信息,我建议阅读这篇文章,它更详细地解释了发布的第二部分。json文件和如何调试在ExpressJS。
{
"version": "0.2.0",
"configurations": [
{
"type": "node",
"request": "launch",
"name": "Nodemon Test File",
"runtimeExecutable": "nodemon",
"program": "${workspaceFolder}/test.js",
"restart": true,
"console": "integratedTerminal",
"internalConsoleOptions": "neverOpen"
},
{
"type": "node",
"request": "attach",
"name": "Node: Nodemon",
"processId": "${command:PickProcess}",
"restart": true,
"protocol": "inspector",
},
]
}
另一种选择是使用Visual Studio Code中的开发人员工具控制台。只需从帮助菜单中选择“切换开发人员工具”,然后在弹出的开发人员工具中选择“控制台”选项卡。从那里你有相同的开发工具REPL,你得到在Chrome。
有一个更简单的方法来运行JavaScript,不需要配置:
安装代码运行器扩展 在文本编辑器中打开JavaScript代码文件,然后使用快捷键Control+Alt+N(或者在macOS上使用⌃Control+“选项”+“N”),或者按F1,然后选择/键入“运行代码”,代码将运行,输出将显示在“输出窗口”中。
此外,您还可以选择部分JavaScript代码并运行代码片段。扩展也适用于未保存的文件,所以你可以创建一个文件,将其更改为Javascript并快速编写代码(当你只需要尝试一些快速的东西)。非常方便!
这需要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".
从v1.32开始,这可能是最简单的:
{
"key": "ctrl+shift+t",
"command": "workbench.action.terminal.sendSequence",
"args": { "text": "node '${file}'\u000D" }
}
使用您自己的键绑定。
参见发布说明:sendSequence和变量。
使用vscode v1.32,您可以使用像${file}这样的变量将sequence发送到终端,这是当前文件。如果你想要一些其他的路径,在上面的键绑定中用你的路径名替换${file}。
\u000D是一个返回,因此它将立即运行。
我在${file}变量周围添加了's,以防你的文件路径中有空格, 比如c:Users\Some Directory\fileToRun