Tailwind CSS - 编辑器设置

在使用任何技术之前，始终尝试创建您自己的友好设置，以便开发速度达到最佳水平。拥有有用的插件和必要的配置设置可以帮助改善您的开发体验。

语法支持

Tailwind CSS 支持自定义 CSS @规则，例如 @tailwind、@apply 和 @config，但在许多编辑器中，这些 @规则可能无法识别，从而触发警告或错误。

为了解决这些警告和错误，我们建议您在 IDE 或编辑器中安装插件，以便支持 PostCSS 而不是普通的 CSS。

现在您可能好奇 “什么是 PostCSS？” PostCSS 是具有 JavaScript 强大功能的未来型 CSS。

在某些情况下，如果您的编辑器对 CSS 文件中预期的语法非常严格，您可能需要禁用本机 CSS 代码检查/验证。

VS Code Tailwind CSS 扩展或插件

有很多插件和扩展可用。在这里，我们列出了几个最受欢迎和最有用的插件。这些将帮助您加快开发速度。

• Tailwind CSS IntelliSense Tailwind CSS IntelliSense 通过为 Visual Studio Code 用户提供自动完成、语法高亮和代码检查等高级功能，增强了 Tailwind 开发体验。

• Tailwind Fold： 使用 Tailwind Fold，您可以告别凌乱且难以阅读的 HTML 代码。此扩展程序通过自动“折叠”较长的类属性来帮助提高代码的可读性。

• Tailwind 文档： 这是您在开发过程中使用的备忘单。您可以在侧边栏中搜索您需要在任何元素上使用的所需类。

• Tailwind 配置查看器： 在侧边栏中查看 Tailwind CSS 项目的配置。它将显示您在 `tailwind.config.js` 文件中定义的所有颜色、字体、间距等等。