Tailwind是一款实用优先的原子化 CSS 框架,通过内置的响应式工具类、状态类及暗黑模式支持,实现快速构建自定义界面。其高度可定制的设计系统确保项目样式一致性,并自动移除未使用的CSS以优化性能
插件说明
Tailwind CSS 的必备开发工具。
使用 Taildoor 直接在浏览器中轻松设计、构建和微调您的 Tailwind 网站。
🎉 7 天免费试用。
🌙 自动适应系统深色模式。
📐 准则和计算区域。
检查元素对齐情况。
使用指南和计算区域轻松确定元素大小。
✨ 浏览器中的可视化编辑器切换在浏览器中删除或添加 Tailwind 类。相同类型的 Tailwind 类在添加后会被清除。也适用于任何网站,而不仅仅是 Tailwind 网站。您将直接在浏览器中获得 Tailwind 的大部分功能!
🔮 轻松复制元素或类列表,或复制整个元素以及您对剪贴板所做的类更改。
📱 自动完成。 Taildoor 将在您键入时为您建议正确的类,显示生成的 CSS,如果相关,则显示该类的预览。
🔁 将任何元素样式转换为 Tailwind 实用程序名称。 Taildoor 可以自动将任何元素转换为 Tailwind CSS 实用程序名称。它将所有 CSS 样式与 Tailwind 类相匹配,并在无法转换时使用任意值。

插件安装说明
1、在打开的谷歌浏览器的扩展管理器
就是点击最左侧的三个点,在弹出的菜单中选择【更多工具】——【扩展程序】
或者你可以在地址栏中直接输入chrome://extensions/
2、进入扩展程序页面后将开发者模式打勾
3、最后将解压出来的crx文件拖入到浏览器中即可安装添加
4、如果出现无法添加到个人目录中的情况,可以将crx文件右键,然后选择【管理员取得所有权】,再尝试重新安装
5、安装好后即可使用
扫码关注公众号,发【识别码】获取











