Visual Studio Code 中是否有“即时窗口”可以运行 Javascript?

49

是的,我经常使用浏览器中的F12来测试JavaScript代码片段并使用控制台进行调试。但目前(暂时)已经厌倦了。

我知道在Visual Studio中可以使用即时窗口(interactive window)来交互式地运行JavaScript,但我还没有尝试得很深入。我记得当我尝试时它告诉我无法在设计模式下评估...... 哎呀,这真是麻烦。

我喜欢使用Visual Studio Code(历史上使用Sublime Text)有时只是为了玩弄代码片段的语法。如果我能够快速运行JavaScript就更好了。是否有一个我可以在VSCode中下载的软件包(package)来实现呢?或者已经内置了一些功能吗?


也许我可以尝试一下https://www.visualstudio.com/en-us/features/node-js-vs.aspx,该网站建议安装VS的node.js工具。或许对于VS Code也有类似的工具。 - default_noob_network
1
你想要运行服务器端的JavaScript(在他们的计算机上)还是客户端(在你的计算机上)? - Benjamin Gruenbaum
1
不管是为任何生产目的,我都没兴趣做这个。这更多是为了我的开发风格,“嘿,我需要快速搞清楚一些语法。我不想部署代码到我的测试环境中进行测试.. 我只需要快速看到一些输出。” - default_noob_network
嗯...这是个好点子。我只是厌倦了浏览器窗口。所以也许在交互式的NodeJS中是解决方案。不过我应该在控制台窗口中执行吗?深入思考后...我想我想要一个像VSCode这样的好文本编辑器的功能 - 但同时也需要控制台的即时功能。 - default_noob_network
1
你可以在VSCode中设置运行配置,通过NodeJS简单地运行JS文件,即使它只有一个简单的输出也可以。你可以设置一个这样的文件,只是一个“测试项目”,用于在编写代码之前尝试功能。 - Katana314
显示剩余2条评论
6个回答

45

截至我目前使用的VS Code版本(1.5.2),在调试时,“Debug Console”可以让您像在VS Immediate Window中一样运行任意JavaScript代码。这类似于在Chrome Dev Tools Console中执行操作。


3
调试控制台还可以在当前调试范围内执行C#命令,无需扩展插件。这应该是被接受的答案。 - user1007074
有一些使用情况可以在不进行调试的情况下运行代码。 - undefined

35

1
注意:如果您不想保存或打开现有文件,您也可以在新的未命名选项卡上使用“更改语言模式”(快捷键Ctrl + K M)。 - davidmdem
这个答案是来自2017年的。我刚在Linux上用最新的VCode尝试了一下,从终端运行Node<ENTER>。必须安装Node并将其添加到路径中...请参见@Diego的答案,并为其投票以获取帮助。我已经为这个答案和Diego的答案投了赞成票...这个答案以前很有帮助,并提供了问题的上下文历史,而Diego的答案似乎是今天最相关的。感谢两位! - Ashley

10
我找到了一个扩展程序,可以为JS创建一个草稿本,在您输入时同时运行:https://quokkajs.com/。适用于VS Code、Jet Brains和Atom。

9

如果您不想启动调试会话或安装扩展程序,那么在终端中启动Node是拥有JavaScript控制台的简单方法。

  1. 查看 -> 终端
  2. 启动 node(不带任何参数 - 您需要在PATH中拥有node
  3. 现在您将拥有一个具有自动完成和值预览功能的repl。

虽然它没有Chrome控制台的功能,但我认为它足够好用于我工作时评估JS代码。


1
在编辑器下方的终端中运行 node 命令,这将创建一个 node 环境,可以输入任意 JavaScript 代码。您必须首先从 nodejs 安装 node (以及 npm)。

-2
这可能会有所帮助:https://code.visualstudio.com/Docs/runtimes/nodejs Node.js是使用JavaScript构建快速可扩展服务器应用程序的平台。Node.js是运行时,NPM是Node.js模块的包管理器。
要开始使用,请为您的平台安装Node.js。 Node包管理器已包含在Node发行版中。

这个评论在这里不相关。 - Isuru Madusanka

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接