Tailwind 配置查看器

发布时间 作者

Tailwind Configuration Viewer image

Tailwind 配置查看器 是一款用于可视化您的 Tailwind CSS 配置文件的本地 UI 工具。 您可以在开发过程中将其保持打开状态,以快速参考自定义 Tailwind 值和类

您可以切换明暗模式 UI,点击每个配置会将 CSS 类复制到剪贴板。

如果您想快速浏览项目的 Tailwind 配置,您只需安装 NPM 包并运行 NPM 命令

# Install globally
npm i tailwind-config-viewer -g
 
# Or install in your project
npm install --save-dev tailwind-config-viewer
 
# Run the command
npx tailwind-config-viewer
 
# Specify the path to the config file
npx tailwind-config-viewer -c path/to/tailwind.config.js

您也可以导出网站并将其上传到静态主机

npx tailwind-config-viewer export ./output-dir

该项目使用 Vue 和 Tailwind 构建 UI(以及其他功能),可以作为您团队的优秀配置参考。 您可以在 GitHub 上了解更多关于该软件包的信息,获取完整的安装说明、配置选项以及查看 源代码

Paul Redmond photo

Laravel 新闻的撰稿人。 全栈 Web 开发人员和作者。

分类
Cube

Laravel 新闻快讯

加入 40,000 多名其他开发人员,绝不错过新的提示、教程等。

Laravel Forge logo

Laravel Forge

轻松创建和管理您的服务器,并在几秒钟内部署您的 Laravel 应用程序。

Laravel Forge
Tinkerwell logo

Tinkerwell

Laravel 开发人员必备的代码运行器。 使用 AI、自动完成和对本地和生产环境的即时反馈进行调试。

Tinkerwell
No Compromises logo

No Compromises

Joel 和 Aaron,来自 No Compromises 播客的两位经验丰富的开发者,现在可以为您的 Laravel 项目提供服务。 ⬧ 固定费用 7500 美元/月。 ⬧ 无需冗长的销售流程。 ⬧ 无需签订合同。 ⬧ 100% 退款保证。

No Compromises
Kirschbaum logo

Kirschbaum

提供创新和稳定性,确保您的 Web 应用程序成功。

Kirschbaum
Shift logo

Shift

使用旧版本的 Laravel? 即时、自动化的 Laravel 升级和代码现代化,让您的应用程序保持最新状态。

Shift
Bacancy logo

Bacancy

让经验丰富的 Laravel 开发人员(拥有 4-6 年的经验)以每月 2500 美元的价格为您的项目增值。 获取 160 小时的专业技能和 15 天的无风险试用期。 立即预约电话!

Bacancy
Lucky Media logo

Lucky Media

立即获得幸运 - Laravel 开发的理想选择,拥有十多年的经验!

Lucky Media
Lunar: Laravel E-Commerce logo

Lunar:Laravel 电子商务

Laravel 电子商务。 一个开源软件包,将现代无头电子商务功能的强大功能带入 Laravel。

Lunar:Laravel 电子商务
LaraJobs logo

LaraJobs

官方 Laravel 招聘网站

LaraJobs
SaaSykit: Laravel SaaS Starter Kit logo

SaaSykit:Laravel SaaS 启动工具包

SaaSykit 是一个 Laravel SaaS 启动工具包,它包含运行现代 SaaS 所需的所有功能。 支付、美观的结账、管理面板、用户仪表板、身份验证、现成组件、统计信息、博客、文档等等。

SaaSykit:Laravel SaaS 启动工具包
Rector logo

Rector

您无缝 Laravel 升级、降低成本和加速创新的合作伙伴,帮助公司取得成功

Rector
MongoDB logo

MongoDB

通过 MongoDB 和 Laravel 的强大集成增强您的 PHP 应用程序,使开发人员能够轻松高效地构建应用程序。 支持事务、搜索、分析和移动用例,同时使用熟悉的 Eloquent API。 了解灵活、现代的 MongoDB 数据库如何改变您的 Laravel 应用程序。

MongoDB
Maska is a Simple Zero-dependency Input Mask Library image

Maska 是一个简单的零依赖输入掩码库

阅读文章
Add Swagger UI to Your Laravel Application image

将 Swagger UI 添加到您的 Laravel 应用程序

阅读文章
Assert the Exact JSON Structure of a Response in Laravel 11.19 image

在 Laravel 11.19 中断言响应的精确 JSON 结构

阅读文章
Build SSH Apps with PHP and Laravel Prompts image

使用 PHP 和 Laravel Prompts 构建 SSH 应用程序

阅读文章
Building fast, fuzzy site search with Laravel and Typesense image

使用 Laravel 和 Typesense 构建快速、模糊的网站搜索

阅读文章
Add Comments to your Laravel Application with the Commenter Package image

使用 Commenter 软件包为您的 Laravel 应用程序添加评论

阅读文章