Skip to content
Visual studio code extension for HQ Live server
JavaScript
Branch: master
Clone or download
Latest commit b6913a3 Sep 12, 2019
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.vscode Update hq version to fix module resolution Aug 26, 2019
images Patch sass not to depend on a system Aug 29, 2019
test Update hq version to fix module resolution Aug 26, 2019
.editorconfig Update hq version to fix module resolution Aug 26, 2019
.eslintrc.json Update hq version to fix module resolution Aug 26, 2019
.gitignore Patch sass engine to use dart-sass instead of node-sass Aug 29, 2019
.npmrc Patch sass engine to use dart-sass instead of node-sass Aug 29, 2019
.travis.yml Disable tests on linux Sep 12, 2019
.vscodeignore Patch sass not to depend on a system Aug 29, 2019
CHANGELOG.md Update hq version to fix module resolution Aug 26, 2019
LICENSE Update hq version to fix module resolution Aug 26, 2019
README.md Add rebuild, add CI/CD Aug 28, 2019
appveyor.yml Add rebuild, add CI/CD Aug 28, 2019
extension.js Update hq version to fix module resolution Aug 26, 2019
launch.json Update hq version to fix module resolution Aug 26, 2019
live-share-controller.js Update hq version to fix module resolution Aug 26, 2019
open.js Update hq version to fix module resolution Aug 26, 2019
package.json 0.0.4 Sep 12, 2019
patch-sass.js Fix patch-sass Aug 29, 2019
project-resolver.js Update hq to 0.0.13 with .tsx support, fix shebang, add disabled status Sep 12, 2019
run.mjs Update hq to 0.0.13 with .tsx support, fix shebang, add disabled status Sep 12, 2019
server-controller.js Update hq to 0.0.13 with .tsx support, fix shebang, add disabled status Sep 12, 2019
statusbar-ui.js Update hq to 0.0.13 with .tsx support, fix shebang, add disabled status Sep 12, 2019

README.md

HQ Live Server

💫 One tool to rule them all

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

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

Live Server Demo VSCode

Shortcuts to Start/Stop Server

  1. Open a project and click to Go Live from the status bar to turn the server on/off. Go Live Control Preview

  2. Right click on a project file from Explorer Window and click on Serve project. Explorer Window Control.

  3. Open a project file and right-click on the editor and click on Serve project. Edit Menu Option Preview

  4. 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]

  5. 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.

Features

  • A Quick Development Live Server with live browser reload.
  • Quick start with any framework: Polymer, Svelte, Vue, React, Angular or plain js.
  • No configuration is required.
  • Start or Stop server by a single click from status 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.

Installation

Open VSCode and type ctrl+P, type ext install hqjs.hq-live-server.

FAQs

  • How to access the server from Mobile?

    After you pressed Go Live button server address will appear Server Running Preview 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.

Settings

  • 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 :
      • chrome
      • chrome:PrivateMode
      • firefox
      • firefox:PrivateMode
      • safari
      • microsoft-edge
      • blisk

    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.
    • Default Value is ""
    • Examples:
      • chrome --incognito --headless --remote-debugging-port=9222
      • C:\Program Files\Firefox Developer Edition\firefox.exe --private-window

  • hqServer.browser.attachChromeDebugger: To Enable Chrome Debugging Attachment to Live Server.

    • NOTE: You must have to install Debugger for Chrome.

    • 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.

    • Default value is false.


LICENSE

This extension is licensed under the MIT License

You can’t perform that action at this time.