:bookmark_tabs: 用于创建 React 组件演示的 CLI 工具

时间:2024-06-28 08:59:22
【文件属性】:

文件名称::bookmark_tabs: 用于创建 React 组件演示的 CLI 工具

文件大小:342KB

文件格式:ZIP

更新时间:2024-06-28 08:59:22

Development Tools

React DemoTab CLI :bookmark_tabs: 轻松创建 React 组件的演示 单独维护示例代码和演示会很痛苦,很容易使它们不同步:person_gesturing_NO: 代码不能撒谎,演示代码可以 :collision: DemoTab CLI 使您的代码与演示保持同步 :flexed_biceps:安装 npm install -D react-demo-tab react-demo-tab-cli Demo DemoTab 示例 用法(3 个步骤) 要在您的项目中使用 CLI:默认导出您希望创建演示的 react 组件,名称组件文件为 [filename] .demotab.jsx run $ npx demotab generate 使用创建的 demos :party_popper: Generated Demos 默认情况下,生成的 demo 文件会以 _ 为前缀,例如:MyComponent.demotab.jsx & MyComponent.demotab.css -> _MyComponent.jsx --prefix flag: $ demo


【文件预览】:
react-demo-tab-cli-master
----.gitignore(106B)
----.eslintrc(303B)
----package.json(3KB)
----package-lock.json(637KB)
----src()
--------index.ts(38B)
--------commands()
--------pipeline()
--------types.ts(308B)
----bin()
--------run(140B)
--------react-demo-tab-template()
--------run.cmd(31B)
----.travis.yml(788B)
----LICENSE(1KB)
----tsconfig.json(250B)
----examples()
--------Counter()
--------ButtonRed()
--------ButtonGreen()
--------DemoTab.scss(218B)
--------DemoTab.story.tsx(531B)
--------Default()
----README.md(2KB)
----demo.gif(218KB)
----.eslintignore(4B)
----.storybook()
--------webpack.config.js(486B)
--------config.js(507B)
--------config-theme.js(195B)
--------preview-head.html(205B)
----.prettierrc(89B)

网友评论