Tailwind 配置查看器
发布时间 作者 Paul Redmond
Tailwind 配置查看器 是一款用于可视化您的 Tailwind CSS 配置文件的本地 UI 工具。 您可以在开发过程中将其保持打开状态,以快速参考自定义 Tailwind 值和类
您可以切换明暗模式 UI,点击每个配置会将 CSS 类复制到剪贴板。
如果您想快速浏览项目的 Tailwind 配置,您只需安装 NPM 包并运行 NPM 命令
# Install globallynpm i tailwind-config-viewer -g # Or install in your projectnpm install --save-dev tailwind-config-viewer # Run the commandnpx tailwind-config-viewer # Specify the path to the config filenpx tailwind-config-viewer -c path/to/tailwind.config.js
您也可以导出网站并将其上传到静态主机
npx tailwind-config-viewer export ./output-dir
该项目使用 Vue 和 Tailwind 构建 UI(以及其他功能),可以作为您团队的优秀配置参考。 您可以在 GitHub 上了解更多关于该软件包的信息,获取完整的安装说明、配置选项以及查看 源代码。