steffen-99 / tailwindcss-laravel
Laravel前端预设Tailwind CSS,适用于10+版本
v10.0.0.1
2023-10-20 10:33 UTC
Requires
- laravel/framework: ^10.0
- laravel/ui: ^v4.2.0
This package is not auto-updated.
Last update: 2024-09-21 13:09:04 UTC
README
这是一个用于Tailwind CSS的Laravel前端脚手架预设,Tailwind CSS是一个以实用工具为基础的CSS框架,用于快速开发用户界面。
用法
- 安装Laravel >= 7.0,然后
cd到您的应用目录。 - 通过
composer require laravel-frontend-presets/tailwindcss --dev安装此预设。Laravel将自动发现此包。无需注册服务提供者。
a. 对于无需身份验证的预设
- 使用
php artisan ui tailwindcss安装基本的Tailwind CSS预设 npm install && npm run dev- 运行
php artisan serve(或等效命令)以启动服务器并测试预设。
b. 对于需要身份验证的预设
- 使用
php artisan ui tailwindcss --auth一次性安装基本预设、身份验证路由条目和Tailwind CSS身份验证视图。(注意:如果您多次运行此命令,请确保在routes/web.php中清理重复的Auth条目) npm install && npm run dev- 配置您喜欢的数据库(mysql、sqlite等)
- 运行
php artisan migrate以创建基本用户表。 - 运行
php artisan serve(或等效命令)以启动服务器并测试预设。
配置
此包包含的默认tailwind.config.js配置文件只是简单地使用Tailwind供应商文件中的配置。如果您想进行更改,应该删除该文件并运行node_modules/.bin/tailwind init,这将为您生成一个新的配置文件,您可以自由地根据需求进行更改。
在resources/lang/XX/pagination.php文件中为您的应用使用的每种语言添加一个新的i18n字符串
'previous' => '« Previous', 'next' => 'Next »', 'goto_page' => 'Goto page #:page', // Add this line
这应该有助于提高可访问性
<li> <a href="URL?page=2" class="..." aria-label="Goto page #2" > 2 </a> </li>
分页
Laravel现在直接支持Tailwind CSS分页。如果您想在您的应用中使用这些视图,可以参考文档。





