Skip to content

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

License

Notifications You must be signed in to change notification settings

ritwickdey/vscode-live-server

Folders and files

NameName
Last commit message
Last commit date
Jun 5, 2018
May 9, 2018
Jun 19, 2018
Jun 5, 2018
Jun 20, 2018
Jun 19, 2018
Jun 14, 2018
May 27, 2018
Jun 20, 2018
Jun 20, 2018
Jun 20, 2018
Jun 28, 2017
Jun 20, 2018
Oct 2, 2017
Jun 20, 2018
Jun 20, 2018
Jul 22, 2017
Oct 17, 2017

Repository files navigation

Live Server

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 Avarage Rating
Travis branch Appveyor branch GitHub license

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

Live Server Demo VSCode

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. Go Live Control Preview

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

  3. Open a HTML file and Right click on the editor and choose the options. Edit Menu Option Preview

  4. Hit (alt+L, alt+O) to Open the Server and (alt+L, alt+C) to Stop 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: Stop Live Server to stop a server.

Features

  • A Quick Development Live Server with live browser reload.
  • Start or Stop 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
  • Multi-root workspace supported.
  • 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 5.1.1 (20.16.18)

    • Fixed Blank Markplace's description & changelog Page.
  • Version 5.1.0 (20.16.18)

    • [Fixes] Few Bug fixes for multi-root workspace

    • New Browser support for Blisk [#162]

    • Custom Browser settings is updated. (please check the settings page).

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.

Max Schmitt Joydip Roy

LICENSE

This extension is licensed under the MIT License