Skip to content
| Marketplace
Sign in
Visual Studio Code>Snippets>Live PreviewNew to Visual Studio Code? Get it now.
Live Preview

Live Preview

Cumpanasu Florin

|
166,457 installs
| (1) | Free
https://github.com/profimedica/LivePreview-VSCode-Extension
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Live Preview

Update your build while you are changing HTML files.

Features

No server is needed, no contnuous compilation.

Requirements

You have to build your app first: ng build Than you have to copy the content of your dist directory into a live-preview directory.

Why?

This extension will work on the live-preview folder and you will be able to compare the preview with the last build. If you still want to work on dist folder insted, you have to update the mainBundleJsPath property of this extension configuration to point to your .\..\dist\main.bundle.js file.

Extension Settings

None

Known Issues

Works only for HTML files that existed at the time the build was created.


Enjoy!

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