README

Laravel 7+ 前端预设，适用于 Tailwind CSS。包括 Vue.js（以及一个示例组件）、一个简洁且完全响应式的 UI，以及使用 Blade 组件来减少代码重复。

此预设还使用 Laravel Mix 编译和压缩资源。Tailwind 与 PurgeCSS 一同打包，此预设已配置以清理适当的文件。

此预设是为 Laravel 7 及以上版本构建的。对于 Laravel 5 或 6，请使用版本 5.0。

示例仓库

查看预览截图

警告

Laravel 预设旨在安装到新的 Laravel 实例上。此预设将覆盖您现有的视图、资源和主页控制器。请谨慎使用。

安装

需要 composer 依赖。Laravel 会自动注册该包。
```
composer require zaknesler/tailwind-preset --dev
```

安装预设

php artisan ui tailwind --auth

# Without authentication scaffolding
php artisan ui tailwind

使用您首选的包管理器安装 npm 依赖项
```
# Using Yarn
yarn

# Using npm
npm install
```

编译资源

# Using Yarn
yarn dev

# Using npm
npm run dev

自定义

Tailwind 构建得可以完全自定义，因此，此预设附带的自定义配置文件 tailwind.config.js 包含了一些自定义设置，以帮助您开始。这些包括向默认字体堆栈添加 Inter，一个用于快速定制的 theme 颜色调色板，以及 Tailwind custom-forms 插件的配置。

默认情况下，theme 颜色调色板简单地解构 Tailwind 的蓝色调色板，但可以轻松地替换为您自己的调色板。有关更多信息，请访问 Tailwind 颜色自定义页面。

此预设旨在利用许多 Tailwind 功能，包括使用插件、覆盖默认主题值、使用 @apply 提取组件以及 PurgeCSS 的配置。要充分利用 Tailwind，您需要实际使用它！深入了解 Tailwind 的惊人的文档，最重要的是...亲自实践！我希望此预设能帮到您！

zaknesler / tailwind-preset

维护者

详细信息

README

警告

安装

自定义