Live Lens for Visual Studio Code

Live Lens gives you a realtime preview of your web projects without ever leaving vscode.

📑 Table of Contents

• Overview
• Features
• Screenshots
• Settings
• Installation
• Contribute
• License

Features

• ⚡ Instant Preview → Live local server for Web(HTML/CSS/JS) projects
• 🌍 Browser or Inline Panel → choose your preview mode
• 🔄 Auto Reload → updates instantly when files change
• 🔌 Customizable Port → default 5500, can be changed in settings
• 🖥️ Seamless Integration → status bar toggle + start/stop commands

Screenshots

Settings

LiveLens adds settings to customize preview behavior:

{
  "livelens.mode": "browser", // "browser" | "inline"
  "livelens.port": 5500       // server port number
}

Installation

1. Open the Extensions panel in Visual Studio Code
   • Ctrl+Shift+X (Windows/Linux)
   • Cmd+Shift+X (macOS)
2. Search for Live Lens.
3. Install.

👉 Install from Visual Studio Code Marketplace

Contribute

Want to improve Live Lens? Contributions are welcome!

• Open an issue
• Submit a pull request

License

This project is licensed under the Apache License 2.0. See the LICENSE file for details.