README

为 Laravel 开发一个使用 TALL stack 的前端预设，快速启动您的应用程序开发。

如果您不熟悉这个名字，它是一个缩写，描述了堆栈中涉及的主要技术

• Tailwind CSS
• Alpine.js
• Laravel
• Livewire

此包的一些显著特点包括

• 扩展默认布局的视图
• 使用 Vite 3 编译的前端资源，如 Tailwind CSS 和 Alpine.js
• Tailwind 驱动的分页视图
• 默认的认证和分页视图可用的 Tailwind UI 和 Tailwind 的 自定义表单 扩展

注意：如果您正在寻找支持 TALL 堆栈的应用程序样板，请检查 Laravel Jetstream。它包含认证脚手架、账户管理、团队支持。

安装

此预设旨在安装到新的 Laravel 应用程序中。在继续之前，请遵循 Laravel 的安装说明，以确保您有一个正常工作的环境。

安装（无认证）

然后只需运行以下命令

composer require livewire/livewire laravel-frontend-presets/tall
php artisan ui tall
npm install
npm run dev

安装（带认证）

如果您想在新的 Laravel 应用程序中安装预设及其认证脚手架，请确保在 ui 命令上使用 --auth 标志

composer require livewire/livewire laravel-frontend-presets/tall
php artisan ui tall --auth
npm install
npm run dev

认证脚手架的一些显著特点包括

• 由 Livewire 组件和单操作控制器提供支持
• 捆绑预写的测试

所有路由、组件、控制器和测试都发布到您的应用程序中。背后的想法是您对自己的应用程序中脚手架的各个方面有完全的控制权，从而消除了在供应商文件夹中查找事物如何工作的需要。

CSS 清理

Tailwind 使用 PurgeCSS 从您的生产 CSS 构建中删除任何未使用的类。您可以在 tailwind.config.js 文件的 purge 部分中修改或删除此行为。有关更多信息，请参阅 Tailwind 文档。

删除包

如果您在安装了预设后不希望保留此包，可以安全地删除它。与默认的 Laravel 预设不同，此预设将所有认证逻辑发布到项目目录的 /app 中，因此它是完全多余的。

关于分页的说明

如果您正在使用分页，您可以将默认的分页视图设置为在服务提供者的 boot 方法中提供的视图

use Illuminate\Pagination\Paginator;
use Illuminate\Support\ServiceProvider;

class AppServiceProvider extends ServiceProvider
{
    public function boot()
    {
        Paginator::defaultView('pagination::default');

        Paginator::defaultSimpleView('pagination::simple-default');
    }
}

鸣谢

• Dan Harrin
• Liam Hammett
• Ryan Chandler
• Tailwind UI 为默认的认证和分页视图
• 所有贡献者