Tailwind CSS

Zed 内置支持 Tailwind CSS 自动补全、代码检查与悬停预览功能。

• 语言服务器：tailwindlabs/tailwindcss-intellisense

配置说明

如需配置 Tailwind CSS 语言服务器，请参考扩展设置文档，并将配置添加至您的 settings.json 文件的 lsp 配置段：

{
  "lsp": {
    "tailwindcss-language-server": {
      "settings": {
        "classFunctions": ["cva", "cx"],
        "experimental": {
          "classRegex": ["[cls|className]\\s\\:\\=\\s\"([^\"]*)"]
        }
      }
    }
  }
}

Zed 中可搭配使用 Tailwind CSS 的语言：

• Astro
• CSS
• ERB
• HEEx
• HTML
• TypeScript
• JavaScript
• PHP
• Svelte
• Vue

Prettier 插件

Zed 原生支持 Prettier，这意味着如果您已安装 Tailwind CSS Prettier 插件，只需将其添加到 Prettier 配置中即可自动生效：

// .prettierrc
{
  "plugins": ["prettier-plugin-tailwindcss"]
}