Quick Start

Quick Start

Get DevMirror up and running in under 2 minutes.

Step 1: Install Extension

Search "DevMirror" in VS Code Extensions, or install from the VS Code Marketplace.

Step 2: Open Your Project

Open any project with a package.json file.

Step 3: Choose Your Setup Method

Option A: Instant Setup (No Wizard)

1. Look for DevMirror Scripts in the Explorer sidebar
2. Find your dev script (e.g., dev, start, serve)
3. Click the plus (+) button next to it
4. Done! Your :mirror script is created with default settings

Option B: Custom Setup (With Wizard)

1. Click the gear icon next to any script
2. Configure your specific needs
3. Click "Generate Configuration"

Step 4: For Wizard Users Only

If using the wizard, these settings work for most projects:

Setting	Value
Execution Mode	Run immediately
Start Trigger	When port opens
Target Mode	Auto-detect
Integration	Replace existing logger

Click Generate Configuration.

Step 5: Run

Your package.json now has a new script:

"dev:mirror": "concurrently \"npx devmirror-cli\" \"npm run dev\""

Run it:

npm run dev:mirror

That's It!

Check the devmirror-logs/ folder for captured console output.

Next Steps

• Read the Setup Wizard Guide for advanced options
• See Common Setups for framework-specific configurations
• Check Troubleshooting if you encounter issues