Visual Studio Code Markdown预览样式

Question

我知道如何使用设置中的markdown-styles提供我的CSS来为Markdown预览进行样式设置，但我不知道要设置哪些元素和CSS类。Markdown预览使用的元素和CSS类是否有文档记录？

- Mark Volkmann

Answer 1

1. 打开一个Markdown文件。
2. 打开分屏预览窗口（在Mac上按Cmd+KV，或者在窗口右上角点击分屏视图图标，或打开命令面板（菜单视图 → 命令面板 或者在Mac上按Shift+Cmd+P），然后运行Markdown: open Preview to the side）。
3. 打开命令面板并运行Developer: Open WEBVIEW developer tools。
4. 这将打开一个类似浏览器的检查器，您可以在那里深入查看需要的任何内容。

请注意，帮助菜单中的切换开发者工具对此无效-它不能深入到预览的webview窗口。

- vr8ce

Answer 2

您可以使用 vr8ce 给出的有用答案查找默认样式表的源代码。在 Mac 上，这是路径：

/Applications/Visual\ Studio\ Code.app/Contents/Resources/app/extensions/markdown-language-features/media/markdown.css

- charles

---

太棒了，谢谢 - 在Windows上，您可以在以下位置找到它：C:\Users${USERNAME}\AppData\Local\Programs\Microsoft VS Code\resources\app\extensions\markdown-language-features\media根据安装方式，位置可能会有所不同。 - Oly Dungey

好的信息Oly Dungey。稍作修改以便粘贴到Windows的运行对话框（Win-R）中：%LOCALAPPDATA%\Programs\Microsoft VS Code\resources\app\extensions\markdown-language-features\media - undefined