How to Install an older version of Storybook

在安装旧版本的 Storybook 时，您可以通过指定版本号来使用 npm 或 yarn 进行安装。这里有一个具体步骤的解释：

1. 确定所需的旧版本号

首先，您需要确定需要安装的 Storybook 的具体旧版本号。您可以在 Storybook 的 GitHub 仓库的 Releases 页面查找到所有的历史版本。

2. 创建或准备您的项目

如果您还没有创建项目，可以使用以下命令初始化一个新的项目：

bash
mkdir my-project
cd my-project
npm init -y

3. 安装 Storybook

安装特定版本的 Storybook，您需要在安装命令后加上@符号和版本号。例如，如果您要安装5.3.0版本，可以使用以下命令：

使用 npm

bash
npm install @storybook/react@5.3.0 --save-dev

使用 yarn

bash
yarn add @storybook/react@5.3.0 --dev

4. 验证安装

安装完成后，可以通过检查 node_modules 文件夹中的 @storybook 相关依赖来验证是否安装了正确的版本。

5. 配置 Storybook

通常，您需要进行一些基础配置才能启动和运行 Storybook。这包括添加一些脚本到您的 package.json，以及可能需要创建 .storybook 配置目录等等。

json
// 在 package.json 添加
"scripts": {
  "storybook": "start-storybook -p 6006",
  "build-storybook": "build-storybook"
}

6. 运行 Storybook

配置完成后，您可以通过以下命令启动 Storybook：

bash
npm run storybook

或者如果您使用 yarn:

bash
yarn storybook

这样，您就可以在浏览器中访问 http://localhost:6006 来查看您的 Storybook 了。

小结

通过以上步骤，您可以安装并运行 Storybook 的任何旧版本。需要注意的是，随着版本的变更，某些配置和功能可能会有所不同，所以有时候需要查看对应版本的文档来调整配置。