Quick start with any framework: Polymer, Svelte, Vue, React, Angular or plain js.
Supports metalanguages: typescript, coffeescript, sass, scss, less and pug.
No configuration is required.
Start or Stop server by a single click from status bar or touch bar.
Hot Key control.
Customizable preferred Port Number and/or default browser.
Support for any browser (Eg: Firefox Nightly) using advance Command Line.
Support for Chrome Debugging Attachment (More Info).
Remote Connect through WLAN (E.g.: Connect with mobile)
Multi-root workspace supported.
Shortcuts to Start/Stop Server
Open a project and click to Go Live from the status bar to turn the server on/off.
Right click on a project file from Explorer Window and click on Serve project.
Open a project file and right-click on the editor and click on Serve project.
Open a project and start/stop server from a touchbar.
Hit (alt+H, alt+O) to Open the Server and (alt+H, alt+C) to Stop the server (You can change the shortcut form keybinding). [On MAC, cmd+H, cmd+O and cmd+H, cmd+C]
Open the Command Pallete by pressing F1 or ctrl+shift+P and type HQ Live Server: Serve project to start a server or type HQ Live Server: Stop Server to stop a server.
Open VSCode and type ctrl+P, type ext install hqjs.hq-live-server.
How to access the server from Mobile?
After you pressed Go Live button server address will appear
follow this address on your mobile device within your local network.
Are Multi-root workspaces supported?
Yes, you can run separate server instance for every project in your workspace.
Do I need to configure webpack or babel to start development?
No, you can press Go Live button and start development immediatly. Extension will take care of everything else.
How to run server in HTTP2/HTTPS mode?
Create pair of certificate and a key in .pem format and put them somewhere inside your project. Server will automatically recognise them and start in HTTP2/HTTPS mode. For generating self signed certificates check this tool.
hqServer.defaultPort: Preferred Port Number for your Live Server.
Default value is 8080.
hqServer.showOnStatusbar: Display Go Live button on the statusbar.
Default value is true.
hqServer.browser.useBuiltinBrowser: Open in Browser Preview extension inside VS Code, instead of default browser.
_Default value is false.
hqServer.browser.preferredBrowser: To change your system's default browser.
Default value is "". (It will open your system's default browser.)
Available Options :
Not enough? need more? open an/a issue/pull request on github. For now, use hqServer.browser.browserCmdLine settings (see below).
hqServer.browser.browserCmdLine: To set your any favorite browser (Eg: Chrome Canary, Firefox Nightly) using advance Command Line. (You can specify full path of your favorite custom browser).
This setting will override Preferred Browser and Attach Chrome Debugger settings.
If the value is true, Start Live Server and select 'Attach to Chrome' from Debug Window to start debugging. Debugger for Chrome Extension will inject debugging feature into running instance of browser window.