Storybook 插件 Outline

Storybook 插件 Outline 可用于在 Storybook 的预览中可视化调试 CSS 布局和对齐。它基于 Pesticide，在预览窗格中的每个元素周围绘制轮廓。

用法

需要 Storybook 6.1 或更高版本。Outline 是 基础功能 的一部分，因此默认情况下已安装在所有新的 Storybook 中。如果您需要将其添加到您的 Storybook 中，您可以运行

npm i -D @storybook/addon-outline

然后，将以下内容添加到 .storybook/main.js

export default {
  addons: ['@storybook/addon-outline'],
};

现在，您可以点击工具栏中的轮廓按钮或按 o 键来切换轮廓。