Taildoor

Tailwind是一款实用优先的原子化 CSS 框架,通过内置的响应式工具类、状态类及暗黑模式支持,实现快速构建自定义界面。其高度可定制的设计系统确保项目样式一致性,并自动移除未使用的CSS以优化性能

插件说明

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

插件安装说明

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

Tailwind下载地址
Taildoor插图1
©下载资源版权归作者所有;本站所有资源均来源于网络,仅供学习使用,请支持正版!
0 0 投票数
文章评分
订阅评论
提醒
guest
0 评论
内联反馈
查看所有评论
0
希望看到您的想法,请您发表评论x