---
title: 步骤
description: 用于设置流程、教程和故障排除的编号分步指南，支持图标、代码块和嵌套内容。
---
> **For AI agents:** the complete documentation index is at [llms.txt](/docs/llms.txt). Append `.md` to any page URL for its markdown version.
使用 Steps 创建清晰的编号操作指南，例如设置和故障排除流程。
## 用法
```mdx
Add the package.
Set your options.
Start the build.
```
## 基本步骤
```bash
npm install @jamdesk/cli
```
```bash
jamdesk init
```
```bash
jamdesk dev
```
````mdx
```bash
npm install @jamdesk/cli
```
```bash
jamdesk init
```
```bash
jamdesk dev
```
````
## 不带标题的步骤
Steps 也可以不带标题：
从 GitHub 克隆仓库。
使用 `npm install` 安装依赖。
运行开发服务器。
```mdx
Clone the repository from GitHub.
Install dependencies with `npm install`.
Run the development server.
```
## 步骤中的丰富内容
每个步骤都可以包含任意内容：
创建配置文件：
```json config.json
{
"apiKey": "your-api-key",
"endpoint": "https://api.example.com"
}
```
妥善保管 API 密钥！切勿将其提交到版本控制系统。
使用 SDK 发送请求：
```javascript
const response = await client.getData();
console.log(response);
```
## 带图标的步骤
使用图标代替数字，以丰富视觉呈现：
从 GitHub 克隆到本地计算机。
运行包管理器的安装命令。
启动开发服务器。
```mdx
Clone from GitHub to your local machine.
Run the package manager install command.
Launch the development server.
```
## 标题大小
在 Steps 容器上使用 `titleSize` 控制标题层级：
此标题会渲染为 h3 元素。
有助于 SEO 和文档结构。
```mdx
This title renders as an h3 element.
Useful for SEO and document structure.
```
## 属性
### Steps
步骤标题使用的标题元素。
### Step
可选的步骤标题。
图标名称、URL 或路径（替代步骤编号）。
Font Awesome 图标样式。
覆盖父级 Steps 的 titleSize。未设置时继承父级值。
手动设置步骤编号（省略时自动分配）。
## 下一步
浏览所有可用组件
了解如何在 MDX 中使用组件