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]
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.]
-
Open a project and directly click to
Go Live
from StatusBar to turn on/off the server. -
Right click on a
HTML
file from Explorer Window & click toOpen with Live Server
. . -
Open a HTML file and Right click on the editor and choose the options.
-
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
andcmd+L, cmd+C
] -
Press
F1
orctrl+shift+P
and typeLive Server: Open With Live Server
to start a server or typeLive 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
orhead
) - 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.0.0 (15.06.18)
-
[New] One of the most requested feature is here. Live Server loves 💘 your multi-root workspace. Yes, Live Server is now supports vscode multi-root workspace. [#151]
-
[Dropped] Previously, Live Server was supported for no workspace (just a single
html
file is opened). This feature is removed. (In case, you’re missing this feature, open an issue request. We love your feedback) -
[New] New Command is added to change entry point of workspace.
ctrl+shift+p
and typeLive Server: Change Live Server workspace
to change workspace path. Tips: You don’t need to use the command, Live Server is smart enough, it’ll eigher ask what you want or automatically set the correct workspace if you right click on a HTML file to start the server
-
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