Live Server

Boom! Big Announcement! Live Server is now supported for dynamic pages like PHP. Check Here for more details.

[If you're facing 'command not found error', please follow the steps #78]

Launch a development local Server with live reload feature for static & dynamic pages.

Shortcuts to Start/Stop Server

[NOTE: In case if you don't have any .html or .htm file in your workspace then you have to follow method no 4 & 5 to start server.]

1. Open a project and directly click to Go Live from StatusBar to turn on/off the server.

2. Right click on a HTML file from Explorer Window & click to Open with Live Server. .

3. Open a HTML file and Right click on the editor and choose the options.

4. Hit (alt+L, alt+O) to Open the Server and (alt+L, alt+C) to close the server (You can change the shortcut form keybinding). [On MAC, cmd+L, cmd+O and cmd+L, cmd+C]

5. Press F1 or ctrl+shift+P and type Live Server: Open With Live Server to start a server or type Live Server: Close Live Server to stop a server.

Features

• A Quick Development Live Server with live browser reload.
• Start or close server by a single click from status bar.
• Open a HTML file to browser from Explorer menu.[Quick Gif Demo].
• Support for excluding files for change detection.
• Hot Key control.
• Customizable Port Number, Server Root, default browser.
• Support for any browser (Eg: Firefox Nightly) using advance Command Line.
• Support for Chrome Debugging Attachment (More Info). [Quick Gif Demo].
• Remote Connect through WLAN (E.g.: Connect with mobile) [Need Help? See FAQ Section]
• Use preferable host name (localhost or 127.0.0.1).
• Customizable Supporting Tag for Live Reload feature. (Default is Body or head)
• SVG Support
• https Support.
• Support for proxy.
• CORS Enabled
• Support for any file even dynamic pages through Live Server Web Extension.

Installation

Open VSCode Editor and Press ctrl+P, type ext install ritwickdey.liveserver.

Settings

All settings are now listed here Settings Docs.

FAQs

All FAQs are now listed here FAQ Docs

What's new ?

• Version 4.0.0 (14.05.18)

  • Integraded Websocket Support. [#89]
  • Now open server with Local Ip instead of 127.0.0.1 (See settings page for more details) [#116]
  • Availity to hide status bar Go Live button. [#117]
  • file settings : Path to the entry point entry point file. For SPA support. (See settings page for more details) [#118]
  • Docs updated. [#93 #94 #107 #109]

Thanks to the contributors 💓 who made this possible.
— Max Schmitt
— Joydip Roy
— Jasonalex
— Douglas Chen
— Bernard Vander Beken
— Philippe Loctaux
— Arshad Hasan

Changelog

To check full changelog click here.

Special Thanks To Maintainers

A special thanks to Max Schmitt & Joydip Roy for contributing their valueable times on this project.

LICENSE

This extension is licensed under the MIT License