在新窗口中打开Markdown预览选项卡？

Question

我有两个显示器，一个是我的MacBook 13"，非常小无法同时拥有多个/分割窗口，另一个显示器上有我的预览窗口。当我编写存储在GitHub上的nodejs代码时，我总是会编辑一些markdown文件。问题在于：

我想要将Markdown预览窗口“分离”到一个“新窗口”，这样我就可以将其发送到我的第二个显示器上，在一个屏幕上进行编辑，在另一个屏幕上查看。

StackOverflow上有一些类似的问题，但解决方案对于这种情况不起作用，因为如果我打开另一个窗口/工作区并将预览窗口拖到那里，它不会在我保存原始MD文件时更新预览...如果我将预览窗口拖到另一个显示器上，它会创建一个“webview-panel”文件。

例如：Markdown open a new window link

有什么建议吗？

我尝试了默认预览和增强预览插件，结果相同...

- Miguel Dias

Answer 1

很抱歉，VS Code没有内置的多屏幕支持...

解决方案是简单地打开另一个VSCode窗口，并在其中打开Markdown文件的预览，同时在原始窗口中进行编辑。

编辑1

以下是复现解决方案的操作：

1. 使用该项目打开第1个 VSCode窗口
2. Cmd-Shift-N以打开第2个 VSCode窗口
3. 将第2个 VSCode窗口指向同一项目 - 但在不同的根目录（就像它是相同的一样 - VSCode会将您还原到第1个窗口）
4. 在第2个 VSCode窗口上打开要预览的Markdown文件，然后按Cmd-Shift-V键 （请确保将Markdown文件选项卡保留在第2个窗口上，因为这是VSCode Markdown预览用于检测文件更改事件的方式，据我所知）
5. 在第1个窗口上编辑文件，完成后它将自动在第2个窗口预览中刷新

编辑2

操作视频（托管在Youtube上）

- Shahar Hadas

---

好的，我在等待其他答案，但没有得到。你测试了你所提出的吗？因为正如我所说，如果你打开另一个窗口进行预览，在保存时它不会更新预览... 你可以详细解释一下你所做的步骤吗？ - Miguel Dias

你好，感谢回复，但这里不起作用... 你是在使用MAC吗？我正在努力弄清楚为什么它不起作用... 当我在另一个窗口保存文件时，我认为VSC没有更新预览窗口，因为它是一个不同的进程。你按照步骤测试过它并且它可以工作吗？ - Miguel Dias

首先，非常感谢您的努力！我几乎让它运行起来了...是的，它确实像您在视频中展示的那样工作，但对我来说很容易出现错误...也许我安装了太多的markdown插件，或者在Mac上打开了太多的应用程序，因为当我保存时，有时如果快速刷新预览，但有时需要很长时间...我认为您是一位老手，因为使用了UML图，所以我可以说，我认为VSC内部的所有窗口都是模态的，并且它们与另一个打开的VSC不兼容...无论如何，谢谢！我想我会看看如何编写一个插件，带有第二个窗口 :) - Miguel Dias

UML图仅是我在github上使用PlantUML创建文档模板的一部分（我用它来创建类图、状态机和网络图）- 您可以在此处查看：https://github.com/ShaharHD/document-template - Shahar Hadas

来自2023年的问候。这个解决方案非常好，没有任何问题。谢谢！ - KC Coder

Answer 2

1. 将第二个显示器配置为与第一个显示器的高度相同。
2. 水平拉伸VS Code跨越两个显示器（假设这可以在Mac上完成）。现在，VS Code的左半部分在第一个显示器上，右半部分在第二个显示器上。
3. 在VS Code左半部分中打开Markdown文件，在右半部分中打开预览。

虽然有点瑕疵，但这样做是可行的。

- dwardu

---

不能在 Mac 上工作 - 与 Windows 相比，一旦窗口跨越两个屏幕共享，它只会显示在一个屏幕上。 - Shahar Hadas

Answer 3

对于那些仍在寻找一种好的解决方案，在另一个窗口实时查看Markdown文件的当前更改，您可以使用Instant Markdown扩展。

它提供了一个浏览器窗口，其中显示预览并监听VSCode中的更改。 在这里 您可以找到有关该软件包的更多信息。

- Jonas Schell

---

它不会更新得很好，因为它依赖于光标的位置。 - ahorn

Answer 4

所以我有这样的设置：一个垂直对齐的显示器用于编辑源代码，另一个水平对齐的显示器在右侧（或左侧，您可以根据需要更改）显示我的编辑预览。

我使用VS Code进行Markdown和Tex，所以像这样工作非常酷。如果您在分割视图中预览内容，则可以设置选项进行拆分。因此，如果您右键单击它，然后转到“拆分”，则您的预览将向下移动，然后您可以将其缩放到您的显示器大小。

- betamover