故事书附加应用程序见解 加载项，用于在中将查看的故事作为页面视图进行跟踪。 入门 安装软件包（和对等依赖项）： npm i -D storybook-addon-application-insights applicationinsights-js # or yarn add -D storybook-addon-application-insights applicationinsights-js 注册插件： // add to or create .storybook/addons.js import 'storybook-addon-application-insights/reg

故事书插件，用于显示React组件的静态标记 安装 npm install --save-dev storybook-react-to-static-markup 组态 添加到.storybook/addons.js import 'storybook-react-to-static-markup/register' 添加到.storybook/config.js import { addDecorator } from '@storybook/react' import { withStaticMarkup } from 'storybook-react-to-static-mark

故事书插件模拟 这个插件允许您模拟故事书中的提取或xmlhttprequest请求。 如果您的组件依赖于后端api，而您的后端api还没有准备好提供给您的组件，则此插件提供了模拟api来构建您的组件。 为什么我们需要这个 很少有软件包可以帮助开发人员在构建组件时模拟后端api。 但是这些软件包没有正确地集成到故事书中，也没有范围可以使用故事书中的这些api。 storybook-addon-mock在故事书中提供了专门的面板，可帮助开发人员查看和更新​​具有多种场景的api。 如何使用 将插件作为开发依赖项安装在项目中。 yarn add -D storybook-addon-mock

此存储库未维护。 zisui已集成到。 而且，迁移到Storycap非常容易。 请阅读 紫穗 快速简单的CLI可以为您的Storybook截图。 安装 $ npm install zisui 如何使用 zisui运行2种模式。 一个是“简单”，另一个是“托管”。 使用简单模式，您无需配置Storybook。 给出一个URL，例如： $ zisui http://localhost:9001 您可以通过--serverCmd选项启动服务器。 $ zisui --serverCmd "start-storybook -p 9001" http://localhost:9001 另外， zisui可以爬网构建和托管的Storybook页面： $ zisui https://release-5-0--storybooks-vue.netlify.com 托管模式 如果要控制故事的捕获方式（时间或大小等），请使用托管模式。 首先，您需要注册zisui Storybook插件。 /* .storybook/addons.js */ import "zisui/register" ;

storybook-addon-xd-designs 一个故事书插件，可将Adobe XD规格嵌入到插件面板中，以实现更好的设计开发工作流程。 信用 从分叉 要求 @> = 5.0.0 这个插件应该在任何框架下都能很好地工作。 如果没有，请打开一个问题。 入门 安装 npm install --save-dev storybook-addon-xd-designs 要么 yarn add -D storybook-addon-xd-designs 确保已安装以下对等依赖项： @storybook/addons @storybook/components @storybook/theming 在addons.js注册插件 // .storybook/addons.js import 'storybook-addon-xd-designs/register' 将您的规格添加到故事中！ import { withXD } from 'storybook-addon-xd-designs' storiesOf ( 'My stories' , module ) . ad

storybook-addon-angularjs-example：一个带有storybook-addon-angularjs的有效示例。 移至：https：//github.comtitonobrestorybook-addon-angularjs