Использование с VS Code
Windsurf имеет первоклассную поддержку MCP. Сам VS Code - нет, но Continue, Cline и Copilot Chat поддерживают - одна и та же конфигурация Crawlbase, четыре места для её размещения.
Windsurf (официальная поддержка)
Windsurf — официально поддерживаемый клиент для Crawlbase MCP. Конфигурация:
- Откройте Windsurf → File → Preferences → Windsurf Settings → General → MCP Servers → Manage MCPs → View raw config.
- Добавьте запись Crawlbase в
mcp_config.json:
{
"mcpServers": {
"crawlbase": {
"type": "stdio",
"command": "npx",
"args": ["@crawlbase/mcp@latest"],
"env": {
"CRAWLBASE_TOKEN": "YOUR_TOKEN",
"CRAWLBASE_JS_TOKEN": "YOUR_JS_TOKEN"
}
}
}
}Сохраните и перезапустите Windsurf. Инструменты Crawlbase появятся на панели MCP.
VS Code (через расширения-ассистенты)
Сам VS Code не поставляется с поддержкой MCP, но популярные AI-ассистенты для него — да. Выберите тот, который вы уже используете.
Continue
Continue — популярный AI-ассистент с открытым исходным кодом для VS Code. Он поддерживает MCP-серверы в своём YAML-конфиге:
mcpServers:
- name: crawlbase
type: stdio
command: npx
args:
- "@crawlbase/mcp@latest"
env:
CRAWLBASE_TOKEN: YOUR_TOKEN
CRAWLBASE_JS_TOKEN: YOUR_JS_TOKENПерезагрузите Continue, и инструменты появятся на панели агента.
Cline
Cline (ранее Claude Dev) имеет UI настроек для MCP-серверов. Откройте Cline → Settings → MCP Servers → Add и вставьте:
{
"crawlbase": {
"type": "stdio",
"command": "npx",
"args": ["@crawlbase/mcp@latest"],
"env": {
"CRAWLBASE_TOKEN": "YOUR_TOKEN",
"CRAWLBASE_JS_TOKEN": "YOUR_JS_TOKEN"
}
}
}GitHub Copilot Chat
Copilot Chat поддерживает MCP. Откройте настройки VS Code, найдите «MCP», включите интеграцию, затем добавьте через тот же JSON-формат, что использовался выше, в ~/.config/Code/User/mcp.json.
Все четыре варианта используют идентичную конфигурацию Crawlbase. Windsurf - официально поддерживаемый клиент; три варианта для VS Code работают не хуже: Continue наиболее расширяемый, Cline наиболее агентный, Copilot наиболее нативный.
Использование
После настройки рабочий процесс такой же, как в Cursor или Claude Desktop:
Crawl https://docs.example.com/openapi.json and generate a typed
client for the /users endpoints in TypeScript.Ассистент вызывает crawl, чтобы получить спецификацию, разбирает её и редактирует файлы в вашем рабочем пространстве.