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