返回排行榜
🥄 Develop, test and document your React story components faster.
playgroundreactjavascripttestingcomponentsdocumentationstyleguidetypescriptuiesbuildvitejsstories
关键指标
Star 增长趋势
Star
3k
Forks
120
周增长
—
Issues
35
1.5k2k2.5k
2022年3月2022年11月2023年8月2024年5月2025年2月2025年10月2026年7月
制品库npm
npm install ladleREADME
Ladle is an environment to develop, test, and share your React components faster.
Quick start
mkdir my-ladle
cd my-ladle
pnpm init
pnpm add @ladle/react react react-dom
mkdir src
echo "export const World = () => <p>Hey</p>;" > src/hello.stories.tsx
pnpm ladle serve
with yarn
mkdir my-ladle
cd my-ladle
yarn init --yes
yarn add @ladle/react react react-dom
mkdir src
echo "export const World = () => <p>Hey</p>;" > src/hello.stories.tsx
yarn ladle serve
with npm
mkdir my-ladle
cd my-ladle
npm init --yes
npm install @ladle/react react react-dom
mkdir src
echo "export const World = () => <p>Hey</p>;" > src/hello.stories.tsx
npx ladle serve
For powershell, replace in the above listings echo with the following
@"
export const World = () => <p>Hey</p>;
"@ | out-file -encoding ASCII src/hello.stories.tsx
相关仓库