> ## Documentation Index
> Fetch the complete documentation index at: https://docs.firecrawl.dev/llms.txt
> Use this file to discover all available pages before exploring further.

# 在 Windsurf 中使用 MCP 实现网页搜索与抓取

> 用 2 分钟为 Windsurf 添加网页抓取与搜索功能

使用 Firecrawl MCP 为 Windsurf 添加网页抓取与搜索功能。

<div id="quick-setup">
  ## 快速开始
</div>

<div id="1-get-your-api-key">
  ### 1. 获取你的 API 密钥
</div>

在 [firecrawl.dev/app](https://firecrawl.dev/app) 注册并复制你的 API 密钥。

<div id="2-add-to-windsurf">
  ### 2. 添加到 Windsurf
</div>

将以下内容添加到你的 `./codeium/windsurf/model_config.json`：

```json theme={null}
{
  "mcpServers": {
    "firecrawl": {
      "command": "npx",
      "args": ["-y", "firecrawl-mcp"],
      "env": {
        "FIRECRAWL_API_KEY": "YOUR_API_KEY"
      }
    }
  }
}
```

将 `YOUR_API_KEY` 替换为你的实际 Firecrawl API 密钥。

<div id="3-restart-windsurf">
  ### 3. 重启 Windsurf
</div>

完成！Windsurf 现在可以搜索并爬取网站数据了。

<div id="quick-demo">
  ## 快速演示
</div>

在 Windsurf 中试试以下内容：

**搜索：**

```
搜索最新的 Tailwind CSS 功能
```

**爬取：**

```
抓取 firecrawl.dev 并说明其作用
```

**获取文档：**

```
查找并抓取 Supabase 身份验证文档
```

Windsurf 的 AI 代理将自动调用 Firecrawl 工具。