创建新元素

使用 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 --element
## 或简写形式
raaghu add -e

3. 按照提示操作

CLI 将询问：

• 元素名称（例如，CustomButton、InputField）
• 元素类型
• 其他选项

4. 生成的文件

src/rds-your-element/
├── rds-your-element.tsx        # 主元素
├── rds-your-element.stories.tsx # Storybook 故事
├── rds-your-element.scss # 样式

5. 测试元素

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

在 Storybook 中导航到 Elements/YourElement 查看和测试您的新元素。