注意事项
注意Storybook会检测安装环境，常见情况如下：
-
如在空文件夹中执行
npm create storybook@latest，就会被询问是否要新手教程 -
已安装@storybook/cli，就不会被询问Choose a project template，这时如果在Do you want to manually choose a Storybook project type to install?回答yes，则可以自定义框架和打包器
-
如果安装了框架和打包器了，也会跳过Choose a project template，直接使用你安装的框架和打包器
推荐安装步骤
选用react + vite模板
npm create vite@latest
npm i @storybook/cli -D
npm create storybook@latest
What configuration should we install? » Recommended: Component dev, docs, test
自定义框架和打包器
npm i @storybook/cli -D
npm create storybook@latest
What configuration should we install? » Recommended: Component dev, docs, test
Do you want to manually choose a Storybook project type to install? ... yes
Please choose a project type from the following list: » react
We were not able to detect the right builder for your project. Please select one: » Webpack 5
常见问题
- 问题：卡在Choose a project template
解决办法：在npm create storybook@latest之前安装好依赖，如npm create vite@latest
- 问题：卡在Detecting project type
解决办法：在npm create storybook@latest之前跑npm i @storybook/cli
- 问题：我不想使用Choose a project template中的选项
解决办法：在npm create storybook@latest之前跑npm i @storybook/cli，并在Do you want to manually choose a Storybook project type to install?时选择yes，然后就可以选择自己喜欢的框架和打包器了
