Blast — 为 Laravel Blade 打造的 Storybook

Blast — 为 Laravel Blade 打造的 Storybook 🚀

blastStorybook for Laravel Blade 🚀项目地址:https://gitcode.com/gh_mirrors/blast/blast

项目介绍

Blast 是一个低维护成本的组件库,利用 Storybook Server 集成到你的 Laravel 应用中。它允许你使用 Blade 模板引擎在 Laravel 应用内渲染组件示例,从而简化开发流程,提升开发效率。

项目技术分析

Blast 的核心技术栈包括 Laravel、Blade 模板引擎和 Storybook Server。通过集成这些技术,Blast 提供了一个强大的开发环境,支持自动生成故事、实时更新和丰富的配置选项。

项目及技术应用场景

Blast 适用于以下场景:

  • 前端开发:快速预览和测试 Blade 模板组件。
  • 设计系统文档:自动生成设计系统的文档页面。
  • 团队协作:提供一个统一的组件库,便于团队成员之间的协作和沟通。

项目特点

  • 低维护成本:Blast 的设计理念是低维护成本,减少开发者的负担。
  • 自动生成故事:支持根据现有组件自动生成故事,简化开发流程。
  • 丰富的配置选项:提供多种配置选项,满足不同开发需求。
  • 实时更新:支持实时更新故事,提升开发效率。
  • 集成 Tailwind CSS:支持自动生成 Tailwind CSS 的文档页面,方便设计系统的文档化。

安装与使用

安装

composer require area17/blast

安装后,你可能需要配置应用的资产文件。发布配置文件:

php artisan vendor:publish --provider="A17\Blast\BlastServiceProvider" --tag="blast-config"

启动 Storybook

从应用的根目录运行:

php artisan blast:launch

这将安装所有依赖项,生成故事并启动 Storybook 实例,同时启动一个监视任务,以便在更新 .md.blade.php 文件时自动重新生成故事并更新 Storybook。

生成故事

Blast 也可以在 launch 任务之外生成故事。运行以下命令:

php artisan blast:generate-stories

Storybook 配置

全局配置可以通过 config/blast.php 进行。Blast 使用 public_path() 引用任何静态资产,这意味着该目录中的任何资产在开发和静态构建发布时都可用。

结语

Blast 是一个强大的工具,为 Laravel 开发者提供了一个集成 Storybook 的开发环境。通过自动生成故事、实时更新和丰富的配置选项,Blast 能够显著提升开发效率,简化开发流程。无论你是前端开发者、设计系统文档编写者还是团队协作的一员,Blast 都能为你提供极大的帮助。赶快尝试一下吧!

blastStorybook for Laravel Blade 🚀项目地址:https://gitcode.com/gh_mirrors/blast/blast

创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

郑微殉

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值