Simple Browser Opener

The fastest way to preview your web development files! 🚀

Open any web page file instantly in VS Code's Simple Browser using your running development server. Perfect for Next.js, React, Vue, Svelte, and any web development workflow.

✨ Features

• 🎯 One-Click Preview - Right-click any file → "Open with Simple Browser"
• 🔍 Smart Auto-Detection - Automatically finds your running development server
• 🌐 Multi-Framework Support - Works with Next.js, React, Vue, Svelte, and more
• ⚡ Intelligent URL Mapping - Converts file paths to correct routes automatically
• 📱 Zero Configuration - Works out of the box with common development setups
• 🔧 Customizable - Configure server URL and port detection

🚀 Quick Start

1. Start your development server (npm run dev, yarn start, etc.)
2. Right-click on any supported file (.tsx, .jsx, .html, .vue, .svelte)
3. Select "Open with Simple Browser"
4. Your page opens instantly at the correct URL!

🎯 Supported File Types

🔧 Smart URL Mapping

The extension intelligently converts your file structure to URLs:

• Next.js App Router: /src/app/about/page.tsx → /about
• Next.js Pages: /pages/contact.tsx → /contact
• React Components: /src/components/Home.tsx → /components/Home
• Static HTML: /public/index.html → /

⚙️ Configuration

Access settings via File → Preferences → Settings and search for "Simple Browser Opener":

• simpleBrowserOpener.serverUrl: Base URL (default: http://localhost:3000)
• simpleBrowserOpener.autoDetectPort: Auto-detect running server (default: true)

🌟 Supported Frameworks

📋 Requirements

• VS Code 1.74.0 or higher
• A running development server

🤝 Contributing

Found a bug or have a feature request? We'd love to hear from you!

• Report Issues: GitHub Issues
• Feature Requests: GitHub Discussions

📄 License

MIT License - see LICENSE file for details.

🏢 About Nitro ERP

This extension is developed by Nitro ERP - providing enterprise-grade business solutions and developer tools.

Enjoy faster development! ⚡