VSCode。更改Markdown代码预览的制表符大小

Question

在Markdown代码预览中更改制表符大小是可能的吗？目前1个制表符= 8个空格。

- Winns

---

你是指编辑器窗口还是Markdown预览窗口？对于Markdown预览，您可以使用markdown.styles设置应用自己的CSS。 - Joshua

Answer 1

如果您正在参考markdown预览窗口，可以使用markdown.styles设置应用自定义CSS来操纵其显示方式。

"markdown.styles": [
        "Style.css"
    ]

如果您指的是编辑器窗口，您可以通过编辑设置文件来为Markdown文件设置选项卡大小。

"[markdown]": {
    "editor.tabSize": 4
  }

要访问设置文件，请单击 文件 -> 首选项 -> 设置

- Joshua

---

CSS文件的路径是相对于当前工作区的，因此请在您的工作区根目录中创建一个名为Style.css的文件以供示例使用。以下CSS代码可用于标签大小：pre { tab-size: 4; } - Jason Goemaat

根据这个Github上的PR，更改制表符大小的正确代码是：pre code { tab-size: 8; }。 - undefined

Answer 2

如果你想使用这个文件 "https://github.com/SepCode/vscode-markdown-style/blob/master/preview/github.css"，我们知道 "https://raw.githubusercontent.com/SepCode/vscode-markdown-style/master/preview/github.css" 这个URL是无法使用的。

我有一个好主意，我们可以使用Github Pages。

在你的仓库中添加一个子模块，像这样 "git submodule add https://github.com/SepCode/vscode-markdown-style.git"。现在我们可以使用URL "https://sepcode.github.io/vscode-markdown-style/preview/github.css" 设置markdown.styles。

步骤：

• 克隆您的GitHub页面 "git clone https://github.com/SepCode/SepCode.github.io.git"
• cd SepCode.github.io
• git submodule add https://github.com/SepCode/vscode-markdown-style.git
• git commit -am 'added vscode-markdown-style module'
• git push
• 设置vscode setting.json
  

  {
      "markdown.styles":["https://sepcode.github.io/vscode-markdown-style/preview/github.css"]
  }
  

vscode-markdown-style 仓库只是一个示例，我们应该使用自己的 CSS 文件。这样更方便和可控。

- SepCode

Answer 3

也许你应该尝试一下！\

$~~~~~~~~~~~$ = 10 spaces

- MingHoang