[扩展推荐] art ui tall —— Tailwind CSS, Alpine.js, Laravel, 和 Livewire 预设

Laravel 有一个新可用的前端预设，可以让您使用 TALL 技术栈快速启动和运行。如果您不熟悉该名称，那么它是一个缩写，描述了技术栈中涉及的主要技术：

• TailwindCSS
• Alpine.js
• Laravel
• Livewire

 Matt Stauffer 创建了 tallstack.dev 以推广其优势并展示了使用这些工具构建的 novapackages.com。

通过提供一些经过深思熟虑的样板，此预设消除了建立新应用程序的所有麻烦。以下是一些值得注意的功能：

• 通过 Laravel Mix 打包 TailwindCSS 和 AlpineJS 之类的前端资源
• Tailwind UI 和 Tailwind 的 自定义表单 开箱即用
• 视图预设了默认布局

像这样将预设安装在新的 Laravel 应用程序中：

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

如果您想在应用程序中进行身份验证，请确保使用预置命令上的 -auth 标志来生成所有相关的路由、控制器、组件和视图：

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

身份验证脚手架也有一些值得注意的事情：

• 大多数身份验证支架是作为 Livewire 组件提供的
• 不能成为部件的零件被设置为单行为控制器
• 身份验证组件附带完整的测试

所有路由、组件、控制器和测试都将发布到您的应用程序中。这背后的想法是，您可以随后在自己的应用程序中完全控制脚手架的各个方面，而无需深入研究 vendor 文件夹来了解运行方式。

此预设由 Dan Harrin, Ryan Chandler 和 Liam Hammett 合作开发.

如果您渴望使用这些技术开始新项目，请查看 readme 以获取安装说明和更多信息。

本文中的所有译文仅用于学习和交流目的，转载请务必注明文章译者、出处、和本文链接
我们的翻译工作遵照 CC 协议，如果我们的工作有侵犯到您的权益，请及时联系我们。

原文地址：https://laravel-news.com/tall-preset

译文地址：https://learnku.com/laravel/t/44681