quick-preview icon indicating copy to clipboard operation
quick-preview copied to clipboard

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

Quick HTML Previewer

Lively preview your html files in VS Code itself. Use it to quickly set the html, css and javascript right for your webpages.

Features

Usage

  • For side preview, use the keybinding 'ctrl+q s' or press 'F1' and type "Side preview"
  • For full preview, use the keybinding 'ctrl+q f' or press 'F1' and type "Full preview"
  • Open in browser, right click html file in left panel, and then choose 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.

Side preview with quick editing

IDE

github

https://github.com/daiyy2009/quick-preview/