Skip to main content

VSCode with Continue Integration

Learn how to integrate Buildable with VSCode using the Continue extension.

Prerequisites​

  • VSCode installed
  • Continue extension installed
  • Active Buildable account

Installation​

Step 1: Install Continue Extension​

  1. Open VSCode
  2. Go to Extensions (Ctrl+Shift+X)
  3. Search for "Continue"
  4. Install the Continue extension

Step 2: Configure Continue for Buildable​

Add the Buildable MCP server to your Continue configuration:

{
  "mcpServers": {
    "buildable": {
      "command": "npx",
      "args": ["@buildable/mcp-server"],
      "env": {
        "BUILDABLE_API_KEY": "your-api-key-here",
        "BUILDABLE_PROJECT_ID": "your-project-id"
      }
    }
  }
}

Step 3: Verify Setup​

  1. Restart VSCode
  2. Open the Continue sidebar
  3. Test the connection by asking about your Buildable project tasks

Features​

Task Integration​

  • View your Buildable tasks directly in VSCode
  • Update task status from the editor
  • Get contextual suggestions based on current tasks

Code Generation​

  • Generate code based on Buildable task requirements
  • Create boilerplate for new features
  • Automated test generation

Real-time Sync​

  • Tasks sync automatically with your Buildable project
  • Changes are reflected immediately in your dashboard
  • CI integration updates task status

Usage Tips​

  1. Use task context: Reference specific tasks when asking for code help
  2. Keep files open: Continue works better with relevant files open
  3. Be specific: Clear prompts lead to better suggestions
  4. Review generated code: Always review and test AI-generated code

Troubleshooting​

Common Issues​

  • Extension not loading: Restart VSCode and check extension logs
  • MCP connection failed: Verify API credentials and network connectivity
  • Tasks not syncing: Check project ID configuration

Getting Help​

  • Review the MCP Setup Guide
  • Check Continue extension documentation
  • Contact Buildable support