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

Laravel

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

 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 文件夹来了解运行方式。

TALL 脚手架随附的默认登录页面 (来自Tailwind UI)

此预设由 Dan HarrinRyan Chandler 和 Liam Hammett 合作开发.

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

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

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

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

本文为协同翻译文章,如您发现瑕疵请点击「改进」按钮提交优化建议
《L01 基础入门》
我们将带你从零开发一个项目并部署到线上,本课程教授 Web 开发中专业、实用的技能,如 Git 工作流、Laravel Mix 前端工作流等。
《L05 电商实战》
从零开发一个电商项目,功能包括电商后台、商品 & SKU 管理、购物车、订单管理、支付宝支付、微信支付、订单退款流程、优惠券等
讨论数量: 2

这个技术栈还是比较主流的。

1周前 评论

部分或者新手不知道art建议写全 artisan

1周前 评论

请勿发布不友善或者负能量的内容。与人为善,比聪明更重要!