注意
要将 Storybook 与 Nuxt3 一起使用，请使用 nuxt-modules 仓库。
https://github.com/nuxt-modules/storybook

Storybook Nuxt 插件

此插件使得在 Nuxt3 项目中设置 Storybook 更加容易。

支持的特性

• 自动导入
• NuxtLink

由于项目仍处于早期阶段，还有一些特性需要解决。我们乐于听取您的功能需求，并将按照收到的顺序处理。请随时在 这里 告知我们您需要的特性。

要求

• Nuxt >= 3.x
• Storybook >= 7.x

示例

• Nuxt3 - 源码

入门指南

安装

首先安装 Storybook。

在您的 Nuxt 项目目录中

npx storybook@latest init --type vue3 --builder vite

使用 npm 安装 storybook-addon-nuxt

npm install --save-dev storybook-addon-nuxt

或使用 yarn

yarn add --dev storybook-addon-nuxt

在 main.js 中注册插件

// .storybook/main.js

module.exports = {
  // other config ommited for brevity
  addons: [
    // ...
    'storybook-addon-nuxt'
    // ...
  ]
}