注意
要将 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'
    // ...
  ]
}