Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>Live Preview Desktop and MobileNew to Visual Studio Code? Get it now.
Live Preview Desktop and Mobile

Live Preview Desktop and Mobile

William Staudenmeier

|
11,108 installs
| (1) | Free
Preview HTML files in a separate panel with live updates.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Live Preview Desktop and Mobile

This extension for Visual Studio Code allows you to preview your HTML code in both desktop and mobile views, all within the same preview window.

Features

  • Preview your HTML code in both desktop and mobile views
  • Quickly see how your pages look without opening a browser

Usage

  1. Open the folder in VS Code where your file is saved
  2. Open the HTML file you wish to view
  3. CMD SHIFT P - Show Live Preview
  4. Click the "Live Preview Desktop and Mobile" button in the top right corner of the editor

Requirements

  • Visual Studio Code version 1.56.0 or higher

Known Issues

  1. Linked JS files may not display properly.
  2. Global properties set in the body or html tag of css sheets are disabled.

1.1.0

Initial release of Live Preview Desktop and Mobile.

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft