Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>Mido CodeNew to Visual Studio Code? Get it now.
Mido Code

Mido Code

Synthesis Studio

|
2 installs
| (0) | Free
An AI coding assistant that helps you write, debug, and understand code directly in VS Code.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Mido - AI Coding Assistant for VS Code

🤖 Mido is an intelligent AI coding assistant that brings the power of Google Gemini directly into your Visual Studio Code editor. Generate code, debug files, and get instant coding help all without leaving VS Code!

Features

✨ Smart Chat Interface - Talk to AI directly in a side panel 🚀 Auto File Creation - AI generates code and automatically creates files in your workspace 🧠 Gemini-Powered - Uses Google's powerful Gemini 3 Flash model ⚡ Instant Code Generation - Generate HTML, CSS, JavaScript, Python, and more 🔧 Debug Assistant - Get help understanding and fixing your code

How to Use

  1. Click the Mido panel in the Explorer sidebar
  2. Ask anything about your code (e.g., "create an index.html for a blog")
  3. Files are automatically created in your workspace and opened in the editor
  4. Start coding faster with AI assistance!

Requirements

  • VS Code 1.115 or higher
  • Internet connection (for Gemini API)
  • Google Gemini API key (get free key at Google AI Studio)

Getting Started

  1. Get a free Gemini API key from Google AI Studio
  2. The extension is ready to use - just open a folder in VS Code
  3. Click on "Mido" in the Explorer to start chatting with AI
  4. Ask the AI to create files and it will automatically generate them!

Example Prompts

- Create an index.html file for an education website
- Write a Python script to read and parse JSON files
- Generate a responsive navigation bar in HTML/CSS
- Explain what this JavaScript function does
- Create a login form with validation

Features in Detail

Auto File Generation

When Mido generates code, it automatically detects code blocks and creates files in your workspace. Never manually copy-paste code again!

Multiple File Support

If the AI generates multiple code files (HTML, CSS, JS), each is automatically created and opened.

File Management

Files are created in your workspace root. Organize them as needed using VS Code's file explorer.

Privacy & Security

  • Your workspace folder path is only used locally
  • Code you generate is not stored on our servers
  • API calls go directly to Google Gemini
  • Your Gemini API key is used in the extension process

Support & Feedback

Found a bug? Have a feature request? Open an issue on GitHub

License

MIT License - See LICENSE file for details


Made with ❤️ by the Mido Team

Include if your extension adds any VS Code settings through the contributes.configuration extension point.

For example:

This extension contributes the following settings:

  • myExtension.enable: Enable/disable this extension.
  • myExtension.thing: Set to blah to do something.

Known Issues

Calling out known issues can help limit users opening duplicate issues against your extension.

Release Notes

Users appreciate release notes as you update your extension.

1.0.0

Initial release of ...

1.0.1

Fixed issue #.

1.1.0

Added features X, Y, and Z.


Following extension guidelines

Ensure that you've read through the extensions guidelines and follow the best practices for creating your extension.

  • Extension Guidelines

Working with Markdown

You can author your README using Visual Studio Code. Here are some useful editor keyboard shortcuts:

  • Split the editor (Cmd+\ on macOS or Ctrl+\ on Windows and Linux).
  • Toggle preview (Shift+Cmd+V on macOS or Shift+Ctrl+V on Windows and Linux).
  • Press Ctrl+Space (Windows, Linux, macOS) to see a list of Markdown snippets.

For more information

  • Visual Studio Code's Markdown Support
  • Markdown Syntax Reference

Enjoy!

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2026 Microsoft