Skip to main content
Echoo | AI Shortcut

AI Shortcuts for VS Code on Mac

Select code in VS Code, press a shortcut, and get AI-powered code improvements, explanations, and refactoring.

How It Works

  1. Install Echoo

    Download Echoo for macOS. It works alongside VS Code and any other editor.

  2. Select code in VS Code

    Highlight the code you want to improve, explain, or refactor.

  3. Press your shortcut

    Use ⌥C for Code Improver, or a custom shortcut for error explanation.

  4. Review the result

    Improved code appears in a popup for review before applying.

Best Practices & Tips

VS Code is the most popular code editor, and combining it with Echoo gives you on-demand AI assistance that complements existing tools like GitHub Copilot and extensions. While Copilot excels at inline suggestions as you type, Echoo lets you select existing code and transform it with a single shortcut.

The Code Improver command is your go-to shortcut in VS Code. Select a function or block of code, press your shortcut, and get a refactored version that follows best practices for naming, structure, and error handling. The popup output mode is ideal here because it lets you review the changes before applying them, which is critical when working with production code.

Build a library of VS Code-specific commands for your daily workflow. A "Generate Unit Test" command that takes selected code and produces test cases saves significant time. A "Add JSDoc" or "Add Docstring" command adds documentation to functions. A "Convert to TypeScript" command helps migrate JavaScript files incrementally. Each command should include instructions about your preferred testing framework, documentation style, and language conventions.

When debugging in VS Code, the Explain Error command is invaluable. Select an error in the integrated terminal or the Problems panel, press your shortcut, and get a clear explanation with fix suggestions. For complex build errors or webpack configuration issues, select the entire error output for the most helpful response.

Create language-specific commands for the languages you use most. A "Review React Component" command that understands hooks, memoization, and component patterns produces better suggestions than a generic code review. A "Review Python Function" command that knows about type hints, docstrings, and PEP 8 conventions catches style issues specific to your stack.

For maximum productivity, use DeepSeek or Anthropic Claude for code tasks as they produce high-quality code improvements. OpenAI is also excellent and fast. If you work on proprietary code that cannot leave your machine, configure Ollama with a code-focused model like DeepSeek Coder or CodeLlama for fully private code assistance.

Pro Tips

1

Create a "Generate Unit Test" command that produces test cases for selected functions using your preferred testing framework like Jest, Pytest, or XCTest.

2

Use the Explain Error command on VS Code terminal errors and Problems panel messages for instant debugging help without leaving your editor.

3

Set up framework-specific commands like "Review React Component" or "Review Express Route" for more targeted code improvement suggestions.

Who Uses This

Best AI Providers for This

Commands for This Use Case

Frequently Asked Questions

Related Articles

Explore More

Ready to Try It?

Download Echoo for free and start transforming text with AI shortcuts.