前置条件
- node版本大于16
新建react项目
使用命令新建react项目
npm init react-app my-storybook
打开项目cd my-storyook
在项目中安装story
- 普通安装
npx storybook@latest init - 集成next.js安装
npx storybook@next init
启动
- 启动StoryBook
npm run storybook/yarn run storybook - 启动当前react项目
npm start/yarn serve
开始code
-
修改目录结构
可以根据个人喜好，修改组件的的存放位置，只需要在.storybook/main.js中修改config里stories的配置目录即可
-
新建第一个ui组件
更新中……
