Toolwind - Devtool for Tailwind css
插件介绍
增强 Tailwind CSS 工作流程:使用内置的 Tailwind IntelliSense 轻松添加、修改、删除和复制类
Toolwind 简介:Tailwind CSS DevTool Chrome 扩展 🎨
使用 Toolwind 将您的 Tailwind CSS 开发体验提升到新的高度,Toolwind 是专为无缝类管理而设计的终极 Chrome 扩展。 🚀 Toolwind 使开发人员和设计人员能够简化他们的工作流程,轻松添加、编辑、删除、复制 Tailwind 类,甚至可以直接从浏览器合并他们自己的自定义 Tailwind 配置。告别在代码编辑器和文档之间切换的麻烦 - Toolwind 将 Tailwind CSS 的强大功能直接带到您的指尖。 ✨
主要特征:
轻松的班级管理📚:
Toolwind 简化了使用 Tailwind CSS 类的过程。浏览全面的类库,只需单击一下即可将它们添加到您的代码中。忘记手动搜索和输入 - Toolwind 通过减少重复任务来加速您的开发。 ⏩
实时课程编辑✏️:
定制您的设计从未如此简单。直接在扩展中修改现有类。调整属性、值和变体即可实现完美的样式,而无需在代码和文档之间来回导航。 🎯
快速删除类🗑️:
使用 Toolwind 清理代码变得轻而易举。轻松地从 HTML 或 CSS 中删除不需要或未使用的类,从而保持干净且有组织的项目结构。 🧹
复制到剪贴板📋:
复制类应该像听起来一样简单。 Toolwind 允许您快速将类复制到剪贴板,准备粘贴到您的代码库中。告别手动复制和粘贴 - Toolwind 提高准确性和效率。 ✂️
使用自定义 Tailwind 配置进行自定义⚙️:
Tailwind CSS 提供了一系列自定义可能性,而 Toolwind 可确保您充分利用它们。调整断点、间距、颜色等,同时实时查看更改。集成您自己的个性化 Tailwind CSS 配置,以完全符合您项目的设计要求。 🛠️
直观的用户界面🖼️:
Toolwind 的用户界面在设计时考虑到了简单性和功能性。无论您是经验丰富的开发人员还是 Tailwind CSS 新手,导航和使用该扩展都是一种无缝体验。 🤖
搜索和过滤🔍:
Tailwind 课程种类繁多,找到合适的课程可能是一项艰巨的任务。 Toolwind 的搜索和过滤功能可让您快速找到特定的类、组件或实用程序。 🔎
向这个扩展问好,它彻底改变了您使用 Tailwind CSS 的方式。 Toolwind 可以节省您的时间,提高您的效率,并使您能够轻松创建令人惊叹的设计。拥抱 Tailwind 开发的未来 – 安装 Toolwind 并直接从 Chrome 浏览器控制您的 CSS 工作流程。 🌟