Javascript 如何在index.js中打开控制台

我目前正在youtube上学习javascript，其中一位讲师的控制台如下：

---

他使用VisualStudio代码作为文本编辑器，我作为讲师下载了live server。但是，我只能看到dubug控制台，或者在新窗口中打开一个live server，以便访问那里的控制台。我无法打开像他那样的控制台。有人知道怎么做吗？

您可以创建一个带有以下标记的HTML文件：

<script src="index.js"></script>

---

并在浏览器中打开HTML文件。然后打开开发者工具，您可以在控制台中看到输出。

他可能正在使用Chrome。CMD+Alt+i OSX F12窗口

---

然后转到控制台选项卡。

这是浏览器中的控制台。启动服务器并转到浏览器上的服务器页面，然后在windows上使用Ctrl+Shift+J或在Mac上使用Command+Options+J，或者右键单击并打开“开发工具”并选择“控制台”。要把它放在侧面，左上角有一个按钮

---

玩一玩，你就会找到它

创建一个HTML文件并在Chrome中打开它。按Ctrl+Shift+I打开开发人员工具并打开控制台选项卡

---

嗨，谢谢。但是我知道如何在浏览器中打开一个，我只是不知道如何在visual studio代码中打开一个。我不知道这是否可行，但如果您愿意，可以在单独的窗口中打开控制台，并将其放在Vs代码的旁边谢谢，我知道。我的意思是，有没有一种方法可以在VisualStudio代码中打开一个控制台，比如附件中的图片？我以前用过atoms，它似乎有控制台，但总有github错误出现。这就是为什么我开始使用VisualStudio代码，但我没有找到控制台选项卡。