Installation

1. Open VS Code
2. Go to the Extensions view (Cmd/Ctrl+Shift+X)
3. Search for "code canvas app"
   • You can do the same for the Cursor marketplace, but you need to scroll a bit further down the list to find it
4. Click Install

Or use the direct links:

• VS Code: Code Canvas on VS Code Marketplace
• Cursor: Code Canvas on Open VSX

VS Code:

code --install-extension alex-c.code-canvas-app

Cursor:

cursor --install-extension alex-c.code-canvas-app

After installation:

1. Open the Command Palette (Cmd/Ctrl+Shift+P)
2. Search for "Open Code Canvas"
3. Press Enter

Want Code Canvas to open automatically when you start VS Code? You can enable it in two ways:

Via VS Code Settings:

1. With VS Code in focus, open Settings (Cmd/Ctrl+,)
2. Search for "Code Canvas: Auto Open On Startup"
3. Enable the checkbox

Via Code Canvas Settings:

1. Open Code Canvas
2. Press Cmd/Ctrl+, while the Canvas window is in focus
3. Toggle "Auto open canvas on vscode startup"

Extension Not Appearing

Try reloading VS Code (Cmd/Ctrl+Shift+P → "Developer: Reload Window").

Performance Issues

For very large projects, consider configuring ignore patterns to exclude node_modules, build directories, and other generated files.

When opening hundreds or thousands of files at once, the default performance settings might not be ideal. There are certain settings you can toggle to increase performance.

Ready to explore? Head to the Quick Start guide to learn the basics.