Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>Live Server vscodeNew to Visual Studio Code? Get it now.
Live Server vscode

Live Server vscode

live server+

|
4,343 installs
| (1) | Free
Launch an optimized local development server with live reload functionality for both static and dynamic pages.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

[Wanna try LIVE SERVER++ (BETA)? It enables live changes without saving the file. Try it here]

Live Server Fork (Optimized)

Live Server loves 💘 your multi-root workspace

Live Server for server-side pages like PHP. Check Here

[For 'command not found error' #78]

VSCode Marketplace Total Installs Average Rating
Travis branch Appveyor branch GitHub license

Launch an optimized local development server with live reload for both static & dynamic pages.

Live Server Demo VSCode

Shortcuts to Start/Stop Server

[NOTE: If you don't have any .html or .htm file in your workspace, follow method 4 or 5 to start the server.]

  1. Open a project and click Go Live from the status bar to start/stop the server.
    Go Live Control Preview

  2. Right-click a HTML file in the Explorer Window and select Open with Live Server.
    Explorer Window Control.

  3. Open an HTML file and right-click in the editor, then select Open with Live Server.
    Edit Menu Option Preview

  4. Hit (alt+L, alt+O) to open the server and (alt+L, alt+C) to stop it (shortcuts can be customized). [On MAC: cmd+L, cmd+O and cmd+L, cmd+C]

  5. Open the Command Palette by pressing F1 or ctrl+shift+P, type Live Server: Open With Live Server to start, or Live Server: Stop Live Server to stop.

Features

  • A faster, optimized development server with live browser reload.
  • Start/stop the server with a single click from the status bar.
  • Open HTML files directly from the Explorer menu. [Quick Demo].
  • Exclude files from change detection.
  • Hotkey controls for convenience.
  • Customizable port, server root, and default browser.
  • Supports any browser, including Firefox Nightly, through advanced Command Line.
  • Chrome Debugging integration (More Info). [Quick Demo].
  • Remote connection via WLAN (e.g., mobile device). [Need help? See FAQ Section]
  • Use your preferred host name (localhost or 127.0.0.1).
  • Customizable tag for live reload (default: body or head).
  • SVG and https support.
  • Proxy support.
  • CORS enabled.
  • Multi-root workspace supported.
  • Supports dynamic pages via the Live Server Web Extension.

Installation

In VSCode, press ctrl+P, then type ext install ritwickdey.liveserver.

Settings

All settings are documented here Settings Docs.

FAQs

All FAQs are listed here FAQ Docs.

What's New?

  • Version 5.6.1 (17.04.19)

    • Fixed Extension host terminated unexpectedly [#431]
  • Version 5.6.0 (17.04.19)

    • [NEW] Integration of Browser Preview with Live Server [#352 - Thanks to Kenneth Auchenberg]
    • [NEW] Fallback to a random port if the given port is busy. [#330 - Thanks to Ali Almohaya]
    • [FIXES] Moved to vscode-chokidar lib for #285.
    • Documentation fixes [#388 - Thanks to Ted Silbernagel]
  • Version 5.5.1 (12.02.19)

    • [Fixes] Fixed Extension host terminated unexpectedly on MacOS. [#285]
  • Version 5.5.0 (12.02.19)

    • [Fixes] Fixed ignoreFiles settings issue [#255]
    • Attempted fix for high CPU load issue [#278]

Changelog

For the full changelog, click here.

Special Thanks to Maintainers

A special thanks to Max Schmitt, Joydip Roy, and Ayo Adesugba for contributing their valuable time to this project.

Max Schmitt
Joydip Roy
Ayo Adesugba

LICENSE

This extension is licensed under the MIT License.

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