Atom 简单的console.log？

Question

我尝试了所有方法，但令人惊讶的是我找不到做这么简单的事情的方法 - 在Atom显示我的程序日志。

console.log(" just a simple log")

1. 如果您转到查看view->developer->toggle developer tools将打开类似 Chrome 的控制台，但不会显示日志，这不是一个好的 UI。

2. 试图安装任何类型的包output-panel , console , console-log他们都不会显示我的日志。

如果我在Chrome打开index.html ，我会按预期看到所有日志。

为什么我看不到简单的日志？

Answer 1

你看到的控制台是atom 的 console 。 Atom 本身是用 JavaScript 编写的，您可以使用控制台调试编辑器、插件等。您不会看到您编写的日志，因为没有人执行您的代码。 如果您在 Chrome 中将脚本作为网页的一部分打开，Chrome 会执行该脚本。

您可以使用脚本插件直接从 atom 中运行文件。

Answer 2

我遇到了同样的问题，我自己解决了。 只要您的程序在浏览器窗口中运行，您就真的不需要 Atom JS 控制台来查看您的 console.log 命令的结果。 您只需要浏览器中已经嵌入的控制台窗口。 这是如何做到的：

1. 在浏览器中打开显示程序结果的 Web 服务器页面（假的或真实的）。
2. 在 Web 服务器页面中，按 Ctrl + Shift + J 切换开发人员工具 (DevTools) 窗口。
3. 按“控制台”选项卡。
4. 按 DevTools 窗口右侧的三个垂直点，然后按标题为“Dock to bottom”的第三个按钮，或者如果您愿意，可以保持原样。

现在，每次您的 javascript 代码执行 console.log 命令时，结果都会显示在控制台窗口中。

Answer 3

我知道我迟到了，但是在包安装程序中通过 atom 安装“脚本”，它支持几乎所有语言，所以只需按 cmd+I（Mac）和 ctrl+I（Windows）。

编辑：这仅用于在 Atom 编辑器内运行脚本，如果您已将其链接到网络，则无需这样做。