如何在Storybook中注册ant-design-vue

要在 Storybook 中注册 ant-design-vue 组件库，你需要按照以下几个步骤操作：

1. **安装依赖**：
首先，确保你的项目已经安装了 `@ant-design/icons` 和 `ant-design-vue`。如果没有，可以使用 npm 或 yarn 安装：

   npm install @ant-design/icons antd @ant-design/vue
   // 或者
   yarn add @ant-design/icons antd @ant-design/vue

2. **配置 Ant Design Vue**：
在你的 Storybook 的配置文件（通常是 `.storybook/main.js` 或者 `config.js`）中，添加 Ant Design Vue 的插件。你可以通过官方提供的 `vue` 插件来集成：

   import { configure } from '@storybook/vue';
   import { antd } from 'ant-design-vue/stories';

   configure(() => {
     antd();
   }, module);

3. **设置主题**（如果需要）：
如果你想更改组件的主题，可以在配置里加上主题设置：

   import { setAntDesignVueConfig } from '@ant-design-vue/stories';
   setAntDesignVueConfig({
     theme: {
       color: {
         primary: '#1890ff',
         success: '#52c41a',
         warning: '#faad14',
         danger: '#f5222d'
       }
     }
   });

4. **编写故事**：
现在你可以在 Storybook 的 `stories` 目录下创建各个组件的故事文件（如 Button.vue 的 story.js），使用 `import` 导入对应的 antd 组件，并开始编写和预览它们。