igroot-component-template v1.0.0

组件开发步骤

您的贡献对我们的业务组件库的壮大非常重要！

组件开发

在src/Component.jsx文件中编写您的组件

组件调试

• 在stories/index.stories.js文件中编写您的组件的 demo
• 使用 npm run storybook 命令来调试您的组件

• 如果您的调试命令不起作用，可能是您本地没有安装@storybook/cli，您可以尝试安装后再次尝试启动

• 如果您的demo写在index.stories.js中，则代码可以直接展示在工具栏下的JSX面板中（自动生成组件引用方式）

• 如果您需要在 demo/demo.js 中写demo，那么您需要手动在使用文档中写明您组件的引用方式

属性调试

storybook 提供了 text,boolean,number,array,select,radios,object 等多种数据类型，如果您想启用 storybook 的属性调试功能，可以用这些数据类型包裹您的属性参数，您可以参考 demo.js 中的示例用法来快速使用，详细用法可以参考 storybook 的文档

建议您使用 属性调试 功能，这样可以让您组件的用户直接看到不同属性组合下的组件表现

组件文档

在根目录下的 index.zh-CN.md 文件中编写您的组件文档

至此，您已经完成了一个业务组件编写的所有步骤，可以通过 sl publish 命令来发布您的命令了。