编辑器设置
在使用 Tailwind CSS 时，可改善开发人员体验的插件和配置设置。
语法支持
Tailwind CSS 使用许多自定义 CSS at 规则，例如 @tailwind 、 @apply 和 @config ，并且在许多编辑器中，这可能会在无法识别这些规则的情况下触发警告或错误。
解决这个问题的方法几乎总是为您的编辑器/IDE安装一个插件，以支持 PostCSS 语言，而不是常规的 CSS。
如果您使用的是 VS Code，我们的官方 Tailwind CSS IntelliSense 插件包含一个专用的 Tailwind CSS 语言模式，该模式支持 Tailwind 使用的所有自定义 at 规则和函数。
在某些情况下，如果你的编辑器对 CSS 文件中的语法要求非常严格，你可能需要禁用本地 CSS 检查/验证。
IntelliSense for VS Code
适用于 Visual Studio Code 的 Tailwind CSS IntelliSense 官方扩展通过为用户提供自动完成、语法高亮和语法检查等高级功能，增强了 Tailwind 的开发体验。
- 自动完成：为类名称以及 CSS 函数和指令提供智能建议。
- 错误提示：突出显示 CSS 和标记中的错误和潜在漏洞。
- 悬停预览：将鼠标悬停在某个 Tailwind 类名上，即可查看该类名的完整 CSS。
- 语法高亮：提供语法定义，以便正确突出显示 Tailwind 功能。
要了解更多信息，请访问 GitHub 上的项目，或将其添加到 Visual Studio Code，立即开始使用。
使用 Prettier 的自动类排序
我们为 Tailwind CSS 维护了一个官方的 Pretier 插件，它会按照我们推荐的类顺序自动对您的类进行排序。
它可以与自定义 Tailwind 配置无缝协作，并且因为它只是一个 Prettier 插件，所以它能在任何 Prettier 可用的地方工作——包括所有常用的编辑器和IDE，当然还有命令行。
<!-- Before -->
<button class="text-white px-4 sm:px-8 py-2 sm:py-3 bg-sky-700 hover:bg-sky-800">...</button>
<!-- After -->
<button class="bg-sky-700 px-4 py-2 text-white hover:bg-sky-800 sm:px-8 sm:py-3">...</button>查看 GitHub 上的插件，了解更多信息并开始使用。
JetBrains IDEs
JetBrains IDE，如WebStorm、PhpStorm 和其他 IDE，在 HTML 中和使用 @apply 时支持智能 Tailwind CSS 补全。