Tailwind CSS - 编辑器设置

在使用任何技术之前，都应该尝试创建一个适合自己的开发环境，以确保开发效率达到最佳状态。安装有用的插件和必要的配置设置可以显著改善您的开发体验。

语法支持

Tailwind CSS支持自定义CSS at-rules，如@tailwind、@apply和@config，但这些at-rules在许多无法识别它们的编辑器中可能会触发警告或错误。

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

现在您可能会好奇"什么是PostCSS？" PostCSS是一种具有JavaScript功能的未来CSS技术。

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

VS Code扩展或Tailwind CSS插件

有许多可用的插件和扩展。这里我们列出了一些最受欢迎和有用的工具，它们将帮助您加快开发速度。

• Tailwind CSS IntelliSense：Tailwind CSS IntelliSense通过提供自动完成、语法高亮和代码检查等高级功能，增强了Tailwind开发体验。
• Tailwind Fold： 使用Tailwind Fold，您可以告别混乱且难以阅读的HTML代码。此扩展通过自动"折叠"长类属性来提高代码的可读性。
• Tailwind Documentation： 这是您在开发过程中可用的速查表。在侧边栏中，您可以搜索在任何元素上需要使用的类。
• Tailwind Config Viewer： 在侧边栏中查看您的Tailwind CSS项目配置。它会显示您在tailwind.config.js文件中定义的所有颜色、字体、间距等内容。