VS Code markdown预览样式

Question

我知道如何在设置中使用markdown-styles为样式降价预览提供我自己的CSS，但我不知道要设置哪些元素和CSS类。降价预览中使用的是否记录在某处？

Answer 1

（仅记录其他人;我没有提出答案。）

感谢GitHub上的@mjbvz（Matt Bierner），他指出了一种方法来查看元素。

1. 打开降价文件。
2. 打开Mac上的拆分预览窗口（cmd-K V或窗口右上角的拆分视图图标，或打开命令面板（查看菜单/命令选项板或shift-cmd-p在Mac上）并运行Markdown: open Preview to the side。
3. 打开命令面板并运行Developer: Open WEBVIEW developer tools。
4. 这将打开类似浏览器的检查器，您可以向下钻取并查看您需要的任何内容。

请注意，Toggle Developer Tools菜单上的Help不适用于此 - 它不会深入到预览的网页视图窗口。

Answer 2

来自 docs

  

在Visual Studio代码中使用Markdown文件很简单，   直截了当，有趣。除了VS Code的基本编辑，还有一个   Markdown特定功能的数量将帮助您做到更多   生产性。

完成 documentation

Answer 3

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

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