Storybook 轮廓插件

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

用法

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

npm i -D @storybook/addon-outline

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

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

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