:fire: 杀手故事书配置 :fire: 故事书（v5），Webpack，React，Typescript，SCSS，ESLint和GraphQL 安装 克隆仓库 运行npm i 运行npm run storybook 运行React npm run start 文章链接

React-Weather-App 目录 使用说明 首先克隆此存储库。 $ git clone https://github.com/rawfour/weather-app-react.git 安装依赖项。 确保您已经在系统中安装了 ＆ 。 $ npm install # or yarn 运行 $ npm start # or yarn start 描述 这是一个使用OpenWeatherMap API的简单React天气应用程序。 技术领域 项目用途： React 样式组件

+ +真正的模具HMR（热模块重新加载） 这是一个用于在Storybook中使用Stencil构建组件的入门项目。 此示例包括Storybook中的Real HMR，以及以观察模式运行的Stencil版本。 故事书只知道故事，模具标记和切入点。 对其色度进行测试，这意味着对您的故事进行视觉回归测试。 多亏了模具故事书者 ， 还有我获得代理hmr解决方案的。 也许这个可以解决？ :check_mark: 准备好NodeJS 14.13.1（使用nvm！） :check_mark: 模具2准备就绪，尚未经过es5测试，但应该可以使用！ + BEM和REM实用程序 :check_mark: 故事书6+ WebComponents准备就绪 :check_mark: 使用Stencil Dev Server开发的真正HMR，可保持故事书的控件状态 :check_mark: chrom.com视觉回归测试准备就绪 :check_mark: 在Windows 10和Mac 10.15.6上测试 :check_mark: 包括Bootstrap重置和Webfonts样板 HMR的工作方式

React 在使用组件。 演示版 为什么 Eleventy是一个很棒的静态网站生成器，但是我不喜欢模板引擎。 它们引入了许多自定义语法，几乎不可能将它们转换为基于组件的开发流程。 安装 1.克隆或下载存储库 git clone git@github.com:signalkuppe/eleventy-react.git eleventy-react 2.进入工作目录 cd eleventy-react 3.安装项目依赖项 npm install 3.运行开发模式 npm run dev 建立您的网站进行部署 npm run build 产品特点 与数据文件和自定义模板数据集成 只需将data export添加到您的jsx文件 import React from 'react' ; import DefaultLayout from '../components/layout/Default' ; import P from '../components/primitives/P' ; import Span from '../components/primitives/Span' ;

锅炉样板 Nuxt.js Boilerplate用プロジェクトです。 入门 以下の通りに実行して下さい。 开发モードでアプリケーションショ启动が。 ホットリロードが有效な状态です。 $ yarn install $ yarn run dev 生产モードで実行する际は以下を実行して下さい。 $ yarn run build $ yarn start 开发，生产どちらのモードでもURLは下记になります。 环境変数の登录 最低限以下の环境変数を登录して下さい。 を利用すると良いでしょう。 export APP_URL=http://127.0.0.1:3000 ，モ用の机能としてQiitaアカウントでログインを行い，Qiitaのプロフィール情报を取得する机能が実装されています。 これらを动作させる为には以下の手顺でQiitaにアプリケーションを登录する必要があります。 1.「设定」に迁移します 2.「アプリケーション」から「アプリケーションを登录する」に迁移に 3.アプリケーションの情报を入力します 以下の2つは任意で构いません。 アプリケーションの名前 アプリケーションの说

lwc-storybooks-poc LWC Storybook PoC是和的集成。 它演示了如何在诸如Storybook之类的开源项目中使用 。 基本组件实现Lightning Design System，并使用开发。 入门 在本地运行该项目，以探索Storybook中如何使用 。 克隆仓库。 $ git clone git@github.com:reiniergs/lwc-storybooks-poc.git $ cd lwc-storybooks-poc 安装依赖项。 $ yarn install 运行本地版本。 此步骤将打开Web浏览器并导航至 。 $ yarn storybook 部署基本组件的准则 要在您自己的项目中部署基本组件，请遵循以下准则。 安装依赖项 版本2.2.6 版本2.11.0-beta.1 版本0.3.0 版本1.0.0 版本1.0.0 实施基本组件 属于src/c文件夹。 克隆项目所需的组件文件夹。 例如，将克隆到src/c/badge 。 您不需要.js-meta.xml配置文件。 将CSS文件添加到component文件夹，例如

storybook-addon-xd-designs 一个故事书插件，可将Adobe XD规格嵌入到插件面板中，以实现更好的设计开发工作流程。 信用 从分叉 要求 @> = 5.0.0 这个插件应该在任何框架下都能很好地工作。 如果没有，请打开一个问题。 入门 安装 npm install --save-dev storybook-addon-xd-designs 要么 yarn add -D storybook-addon-xd-designs 确保已安装以下对等依赖项： @storybook/addons @storybook/components @storybook/theming 在addons.js注册插件 // .storybook/addons.js import 'storybook-addon-xd-designs/register' 将您的规格添加到故事中！ import { withXD } from 'storybook-addon-xd-designs' storiesOf ( 'My stories' , module ) . ad

storybook-addon-angularjs-example：一个带有storybook-addon-angularjs的有效示例。 移至：https：//github.comtitonobrestorybook-addon-angularjs

gatsby-starter-bulma-故事书 一个最小的Gatsby入门程序，其中包括Bulma和Storybook，用于创建漂亮的响应式Web应用程序。 产品特点 故事书 布尔玛（带有超赞字体的图标） （S）CSS模块 更漂亮 ESLint 笑话 安装 假设已安装Gatsby CLI，则可以运行： gatsby new https://github.com/gvaldambrini/gatsby-starter-bulma-storybook 请注意，由于入门者使用的是纱线选择性依赖项决议，因此必须将yarn用作npm客户端。 有用的纱线命令 执行Web应用程序开发服务器（在端口8000上）： yarn develop 运行Storybook开发服务器（在端口9001上）： yarn storybook 执行测试： yarn test 运行lint： yarn lint 重新格式化代码： yarn format 在生产模式下构建Web应用程序： yarn build 运行本地HTML服务器以生产模式（在端口9000