Skip to content
| Marketplace
Sign in
Visual Studio Code>Programming Languages>Code HopperNew to Visual Studio Code? Get it now.
Code Hopper

Code Hopper

Code Hopper

|
3 installs
| (0) | Free
AI-powered development assistant with modular architecture, featuring chat interface, code analysis, error fixing, and extensible plugin system
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Code Hopper

AI-powered development assistant that integrates with VS Code to help with coding tasks.

Features

  • AI-Powered Code Assistance: Get intelligent suggestions and explanations for your code
  • Chat Interface: Natural language interface to interact with the AI assistant
  • Code Analysis: Understand and improve your code with AI-powered insights
  • Error Fixing: Automatically detect and suggest fixes for common errors
  • Git Integration: Generate commit messages and manage version control
  • Terminal Integration: Share terminal output with the AI assistant
  • Customizable Configuration: Tailor the AI behavior to your needs
  • Privacy Controls: Use .codehopperignore to control file access

Installation

  1. Download the latest release from the GitHub repository
  2. Install the VSIX file in VS Code
  3. Configure your API key in the extension settings

Configuration

API Settings

  • API Key: Your API key for AI services
  • Model: Choose from supported AI models (GPT-4, GPT-3.5, Claude-3, Gemini-Pro)
  • Max Tokens: Control the length of AI responses

Extension Settings

  • Enable/Disable: Toggle the extension on or off
  • Logging Level: Set the verbosity of logs for debugging

.codehopperignore File

Create a .codehopperignore file in your workspace root to control which files the AI can access:

# Ignore log files
*.log

# Ignore the entire 'node_modules' directory
node_modules/

# Ignore all files in the 'temp' directory
temp/**

# But DO NOT ignore 'important.log'
!important.log

Usage

Commands

  • Code Hopper: Add to Chat - Add selected text to the chat
  • Code Hopper: Fix with Code Hopper - Fix errors in the current file
  • Code Hopper: Explain Code - Get an explanation of selected code
  • Code Hopper: Improve Code - Get suggestions for code improvement
  • Code Hopper: Focus Chat - Focus the chat input
  • Code Hopper: Generate Commit Message - Generate a Git commit message
  • Code Hopper: Add Terminal Output - Add terminal output to the chat

Keyboard Shortcuts

  • Cmd+Shift+C / Ctrl+Shift+C: Focus Code Hopper Chat
  • Cmd+Shift+A / Ctrl+Shift+A: Add to Code Hopper

Context Menu

Right-click in the editor to access Code Hopper commands:

  • Add to Code Hopper
  • Fix with Code Hopper
  • Explain Code
  • Improve Code

Architecture

Code Hopper is built with a modular, scalable architecture:

  • API Layer: Handles communication with AI services
  • Configuration Manager: Manages extension settings and validation
  • Webview Provider: Manages the UI and user interactions
  • Operations: Handles file, terminal, and Git operations
  • Providers: Extensible system for adding new features
  • Logging: Comprehensive logging for debugging and monitoring

Development

Prerequisites

  • Node.js 16+
  • VS Code with TypeScript support

Building

npm install
npm run compile

Testing

npm test

Contributing

  1. Fork the repository
  2. Create a feature branch
  3. Make your changes
  4. Add tests if applicable
  5. Submit a pull request

License

MIT License - see LICENSE file for details.

Support

For issues and questions:

  • GitHub Issues
  • Documentation

Roadmap

  • [ ] Support for more AI models
  • [ ] Advanced code analysis features
  • [ ] Team collaboration features
  • [ ] Integration with more development tools
  • [ ] Performance optimizations
  • [ ] Enhanced privacy controls
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft