使用Tailwind CSS开发时使用的4个VSCODE扩展

8,246 阅读1分钟

最近一直用Tailwind CSS 开发项目,目前觉得原子类写css的方式很不错,所以找了一些Tailwind CSS扩展来提升开发效率

所有这些扩展都可以在此 VSCODE 扩展包中可用 TailwindCSS Kit

1. Tailwind CSS IntelliSense

tailwind css intellisnse image

Tailwind CSS Intellisense 是一种强大的工具,可以帮助开发人员更快,更有效地编写代码。该工具为 Tailwind CSS 课程提供了实时建议,减少错误并提高代码质量。通过使用 IntelliSense,开发人员可以提高生产率,降低学习曲线并改善其应用程序的可访问性。如果您是使用 Tailwind CSS 的开发人员,请务必利用此功能强大的功能。

2. Tailwind Fold

tailwind fold extension image

在使用 Tailwind CSS 时,此扩展非常有用。长列表会混乱 HTML 部分,此扩展名提供了一种将它们隐藏并仅在需要时向其展示的好方法。

3. Tailwind Documentation

Tailwind Documentation image Tailwind 文档扩展可快速访问官方的 Tailwind CSS 文档。此扩展程序使开发人员可以直接从 VSCODE 编辑器内部访问 Tailwind CSS 文档,而无需打开浏览器或离开编辑器。

4. Tailwind Config Viewer

Tailwind Config Viewer image

Tailwind CSS 配置可能会令人困惑。他们可能会成倍扩展,并使用户更难知道已解决的配置。这就是为什么我创建此扩展名的原因。它使用户能够查看已解决的Tailwind CSS 配置,并且还将显示任何与颜色相关类的颜色(文本 - *,bg*,bg - *,acent-*... etc)

将来,我打算使类可单击,当用户单击类时,在 vscode 中插入。

原文链接