Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>Live HTML PreviewerNew to Visual Studio Code? Get it now.

Live HTML Previewer

Harshdeep Gupta

|
966,499 installs
| (131) | Free
Edit and preview HTML documents in VS Code
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Live HTML Previewer

This extension allows you to preview your html files in VS Code itself. Use it to quickly set the html and css right for your webpages.

Note: Javascript is not supported in preview

Features

Side preview with live editing

IDE

Full page preview

Open html file in browser

Usage

  • For side preview, use the keybinding 'ctrl+q s' or press 'F1' and type "Show side preview"
  • For full preview, use the keybinding 'ctrl+q f' or press 'F1' and type "Show full preview"
  • To open file in browser:
    • use the keybinding 'ctrl+q w' or
    • press 'F1' and type "Open in browser" or
    • right click in the editor/side bar, select "Open in browser"

If a HTML file is open, a message is displayed on the Status Bar in bottom left. Click on it for side preview.

  • Contact us
  • Jobs
  • Privacy
  • Terms of use
  • Trademarks
© 2023 Microsoft