# 在 Windsurf 中使用 MCP 实现网页搜索与抓取 (/zh/quickstarts/windsurf)

<!-- agent-signals: reading_time_min: 1 · est_tokens: 234 · updated: 2026-07-30 -->
Related: [Node.js](/zh/quickstarts/nodejs.md), [Next.js](/zh/quickstarts/nextjs.md), [Express](/zh/quickstarts/express.md), [NestJS](/zh/quickstarts/nestjs.md), [Fastify](/zh/quickstarts/fastify.md), [Hono](/zh/quickstarts/hono.md)

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

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

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

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

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

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

```json
{
  "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 [#3-重启-windsurf]
</div>

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

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

在 Windsurf 中试试以下内容：

**搜索：**

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

**爬取：**

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

**获取文档：**

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

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