VSCode Jupyter笔记本中的JavaScript不显示输出

Question

我正在使用VS Code，想知道Jupyter Notebook支持Javascript吗？看了一些在线资料，好像是可以的，但我没能产生任何输出。

这个Python代码会输出"test":

print("test")

这段JS代码不会显示任何输出：

%%javascript
console.log("test");

这段JS代码也不会显示任何输出：

%%javascript
element.text("test");

因为我很绝望，所以我也尝试了这个：

%%javascript
element.text = "test";

我完全不知道自己做错了什么......

VS Code、Python扩展和Jupyter扩展都是最新的。

- Sam Van Battel

---

你找到解决办法了吗？我也遇到了同样的问题。 - Nour

很遗憾，目前还没有找到答案 :-( - Sam Van Battel

我发布了一个回答，不太确定它是否适用于你。 - Nour

Answer 1

尝试使用：

%%script node   
console.log("test");

- GUS-code

Answer 2

我开始使用这个扩展程序，它完美地运行。

https://marketplace.visualstudio.com/items?itemName=lostfields.nodejs-repl

我认为它与Jupyter不同，但对我来说已经足够了。

- Nour

---

我特别喜欢Jupyter Notebooks的原因是它们是一种“交互式文档”，这对我在高中教授的入门编程课程非常有帮助。如果我想要与学生一起转向Javascript，如果能够提供相同类型的文档，那将是非常棒的事情。 - Sam Van Battel

Answer 3

在VSCode中，可以通过帮助 > 切换开发者工具，然后在控制台选项卡中访问Javascript控制台。您将看到console.log输出（VSCode基于Chromium，因此如果您曾经使用过Chrome JS控制台，则应该很熟悉）。

如果您希望输出出现在笔记本中，可以使用javascript更新HTML输出，例如：

%%html
<div id='abcd'></div>

<script>
var elem = document.getElementById('abcd');
elem.innerHTML = 'Some text';
</script>

- Conchylicultor