HTML

HTML 支持可通过 HTML 扩展获得。

此扩展会自动安装。

如果您不想使用 HTML 扩展，可以将以下内容添加到您的设置中

{
  "auto_install_extensions": {
    "html": false
  }
}

格式化

默认情况下，Zed 使用 Prettier 来格式化 HTML

您可以通过将以下内容添加到您的 Zed 设置中来禁用 format_on_save

  "languages": {
    "HTML": {
      "format_on_save": "off",
    }
  }

您仍然可以使用 cmd-shift-i|ctrl-shift-i 或通过打开命令面板 (

无默认绑定
并选择 格式化文档 来手动触发格式化。

LSP 格式化

如果您愿意，您可以使用 vscode-html-language-server 代替 Prettier 进行自动格式化，方法是将以下内容添加到您的 Zed 设置中

  "languages": {
    "HTML": {
      "formatter": "language_server",
    }
  }

您可以通过 Zed settings.json 自定义 vscode-html-language-server 的各种 格式化选项。

  "lsp": {
    "vscode-html-language-server": {
      "settings": {
        "html": {
          "format": {
            // Indent under <html> and <head> (default: false)
            "indentInnerHtml": true,
            // Disable formatting inside <svg> or <script>
            "contentUnformatted": "svg,script",
            // Add an extra newline before <div> and <p>
            "extraLiners": "div,p"
          }
        }
      }
    }
  }

另请参阅