Skip to content

Latest commit

 

History

History
37 lines (27 loc) · 1.22 KB

README.md

File metadata and controls

37 lines (27 loc) · 1.22 KB
Raw

Live Preview Server

for Visual Studio Code Visual Studio Marketplace

Launch a simple development server with live reloading

Splits the editor, opens a new panel with your website

###Install: Launch VS Code Quick Open (Ctrl+P), paste the following command, and type enter.

ext install mixliveserver

preview

###How to use:

  • Set the rootPath configuration variable to your project root, where your index.html is located, this has to be a RELATIVE PATH from where your project file is, if you have a folder for your project has to be inside there in an export folder or html folder etc. example: ../build/index.html

  • Open any source file before running

  • Start the server pressing F1 or Command Palette and run command Start live server

Configuration options:

This can be set in User Settings or Workspace Settings.

{
    "mix.rootPath": "build/html5",  // has to be a relative path
    "mix.port": 8181
}

IMPORTANT

It has to be a RELATIVE path from where your project file is, if you have a folder for your project has to be inside there in an export folder or html folder etc.

Enjoy!