设置并发布Storybook

彩色CLI构建并发布Storybook到云中的安全工作区. 允许你的团队访问你的所有报道 彩色.com.

发布Storybook

报名

在发布之前,生成一个惟一的 为您的Storybook签到 彩色 创建一个项目. 登录你的GitHub, GitLab, Bitbucket,或电子邮件.

如果需要SSO、本地驻留或使用不同的Git提供者,如何继续设置.

这些说明将教你如何设置彩色与一个 “链接”项目. 这在以下情况下很有用:

  • 你需要一个企业计划,但想要在你的项目中试用chromfirst
  • 您使用的是十博体育备用网址目前不支持的OAuth提供商
  • 你使用的是十博体育备用网址目前不支持的Git主机

首先使用您的 个人 帐户通过任何支持的提供商. 十博体育备用网址将使用它来仅验证您的用户身份,这样帐户就不必与您的工作关联.

选择“创建项目”并键入项目名称以创建未链接的项目.

不错的! 您创建了一个未链接的项目. 这将允许您开始 用户界面测试 工作流不管底层的git提供程序. 然后,您可以配置CI系统,使其在推送时自动运行chrombuild.

chromcli提供了生成构建的JUnit XML报告的选项, 你可以自己使用哪些来处理提交/拉请求状态. 看到 调试选项 有关详细信息,.

非关联项目有一定的缺点:

  • 你不会得到自动PR检查,所以拉请求将不会标记十博体育备用网址的状态信息. 您需要通过CI提供程序手动设置这个设置.
  • 你不会有访问十博体育备用网址的UI审查工作流, 因为它依赖于从Git提供者检索pull请求.
  • 认证和访问控制必须通过用户邀请手工处理.

现在继续设置半音 像往常一样.

Install项目

Install

Install 彩色 npm寄来的包裹.

#纱
纱添加 ——开发 彩色

# npm
npm Install ——save-dev 彩色
Storybook3.4及以上.
学习如何添加 彩色 你的包.json

彩色 命令还会给你添加一个NPM脚本到你的 包.json 所以你可以运行未来的构建 NPM运行彩色/纱线彩色. 如果你想手动添加它,它应该看起来像这样:

{
  “脚本”: {
    “色”: “色”
  }
}

上面的脚本命令将通过读取 CHROMATIC_PROJECT_TOKEN 环境变量. 添加以上内容后,确保设置 CHROMATIC_PROJECT_TOKEN 当您运行构建时——比如在CI配置中.

如果你允许 彩色 要添加上面的行,它还将环境变量写入到您的 包.json. 这个环境变量也可以通过CI配置来设置,以获得额外的隐私.

运行彩色

一旦Install了 彩色 包装和有一个 ,在项目目录中运行以下命令.

npx彩色 ——project-token 
十博体育备用网址使用 build-Storybook 脚本从你 包.json 默认情况下. 如果您已经定制了 Storybook 脚本(例如,使用 -s), check that you've done the same for
友情链接: 1 2 3 4 5 6 7 8 9 10