跳到主要内容
版本：1.3.2

创建新组件

使用 Raaghu CLI 创建新组件的快速指南。

前置条件​

  • 全局安装 Raaghu CLI
  • Node.js v20+ 和 npm
  • Raaghu 设计系统源代码

步骤​

1. 安装/更新 CLI​

## 安装或更新 Raaghu CLI
dotnet tool install -g Waiin.Raaghu.Cli
dotnet tool update -g Waiin.Raaghu.Cli

2. 创建组件​

## 导航到您的项目
cd your-raaghu-project

## 创建新组件
raaghu add --component
## 或简写形式
raaghu add -c

3. 按照提示操作​

CLI 将询问：

  • 组件名称（例如，DataTable、UserProfile）
  • 组件类型
  • 其他选项

4. 生成的文件​

src/rds-comp-your-component/
├── rds-comp-your-component.tsx        # 主组件
├── rds-comp-your-component.stories.tsx # Storybook 故事
├── rds-comp-your-component.scss # 样式

5. 测试组件​

## 运行 Storybook 进行测试
npm run storybook

在 Storybook 中导航到 Components/YourComponent 查看和测试您的新组件。