首页 > 解决方案 > 在 Visual Studio 代码终端中运行 JavaScript 代码,与在浏览器控制台中运行的相同

问题描述

这是一个基本的 vs 代码问题,但我对这个代码编辑器有点陌生。我需要console.log() 在 vs 代码平台中运行/一个简单的 js 脚本,这与在浏览器控制台或此“代码片段”中的工作方式相同。仅以我的简单 js 脚本为例:

const data = parseInt(prompt("5 x 5?"));
const testResult = (answer) => data === answer ? console.log(`Correct. Your answer was: ${data}`) : console.log(`Incorrect. Your answer was: ${data}. Pls try again`)

testResult(25);

如果我console.log()在浏览器中使用它,它看起来像这样。弹出一个提示,您可以输入该值并在日志中查看结果。

在此处输入图像描述

在此处输入图像描述

如何在 Vs 代码终端中执行此操作,而不是转到浏览器的控制台,运行并查看结果?例如,我尝试node test.js在 vs code 终端中运行它。当然,它会出错,因为prompt未定义。我已经看过并尝试过浏览器预览扩展,但不适用于这样的简单代码。用于设置的 json 脚本可能或任何有效的扩展?谢谢你的帮助。

标签: javascriptvisual-studiovisual-studio-codevisual-studio-2012visual-studio-2015

解决方案


正如我们所知,node.js 代码在浏览器之外运行,因此您会看到原生 JavaScript 和 nodeJs 之间的细微差别。

在 nodeJS 中从用户那里获取输入,你需要像我们在 C++ 或 JAVA 代码中那样从终端读取

例子

const readline = require("readline");
const rl = readline.createInterface({
    input: process.stdin,
    output: process.stdout
});

rl.question("What is your name ? ", function(name) {
    rl.question("Where do you live ? ", function(country) {
        console.log(`${name}, is a citizen of ${country}`);
        rl.close();
    });
});

rl.on("close", function() {
    console.log("\nBYE BYE !!!");
    process.exit(0);
});

使用 node 命令运行上面的代码


推荐阅读