Skip to main content

Extension Installation

DebuggAI provides powerful IDE extensions for VS Code and Cursor that enable you to create and run end-to-end tests directly from your development environment.

VS Code Extension

Installation

  1. From VS Code Marketplace

    • Open VS Code
    • Go to Extensions (Ctrl+Shift+X / Cmd+Shift+X)
    • Search for "DebuggAI"
    • Click "Install"
  2. Direct Link

First-Time Setup

  1. Login to DebuggAI

    • Open the Command Palette (Ctrl+Shift+P / Cmd+Shift+P)
    • Type "DebuggAI: Login" and select it
    • Enter your DebuggAI credentials
    • The extension will automatically connect to your projects
    DebuggAI Login
  2. Configure Local Server Port

    • Open VS Code Settings (Ctrl+, / Cmd+,)
    • Search for "DebuggAI"
    • Set your local development server port (default: 3000)
    • Or configure it via the extension settings UI

Cursor Extension

The DebuggAI extension is fully compatible with Cursor and provides the same functionality as the VS Code extension.

Installation

  1. From Extension Marketplace

    • Open Cursor
    • Go to Extensions (Ctrl+Shift+X / Cmd+Shift+X)
    • Search for "DebuggAI"
    • Click "Install"
  2. Manual Installation

    • Download the .vsix file from the VS Code Marketplace
    • In Cursor, go to Extensions
    • Click the "..." menu and select "Install from VSIX"
    • Select the downloaded file

JetBrains IDEs

JetBrains IDE support is coming soon. Stay tuned for updates!

System Requirements

  • Operating System: Windows, macOS, or Linux
  • Node.js: Version 14 or higher (for local development server)
  • Internet Connection: Required for connecting to DebuggAI services
  • Local Development Server: Your application should be running locally (typically on localhost:3000)

Troubleshooting

Extension Not Loading

  1. Restart your IDE
  2. Check that you have the latest version installed
  3. Verify your internet connection
  4. Check the IDE's developer console for error messages

Login Issues

  1. Verify your DebuggAI account credentials
  2. Check if your organization has specific SSO requirements
  3. Contact support at hello@debugg.ai

Local Server Connection Issues

  1. Ensure your development server is running
  2. Verify the correct port is configured in extension settings
  3. Check firewall settings that might block local connections

Next Steps

Once you have the extension installed and configured:

  1. Learn about Extension Features
  2. Create Your First E2E Test
  3. Explore Advanced Features