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

Storybook Addon 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 中注册 Addon

// .storybook/main.js

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