Vscode-live-server: How do I change default directory of Live Server?

[ashishgupta1350]

When I run the live server, it basically points to the default directory instead of letting me choose on which file to run the live server. I need a way such that i can get to choose which file to run on the live server(ie it may be saved anywhere on my computer and I should be able to run it!).

[ritwickdey]

There is a settings liveServer.settings.root to change root from work-space root directory to anywhere else (but it should be inside of work-space).

https://github.com/ritwickdey/vscode-live-server/blob/master/docs/settings.md

[romain20100]

I figure it's the best place to mention the following issue:

@ritwickdey The option you are mentioning only works in the main vscode settings, but not in the project settings which is kind of odd since you are going to have a different root for each project ... I guess.

[rjoydip]

@SylannBin You can configure settings for each project separately by create .vscode (folder) > settings.json and overwrite settings for that project

[rjoydip]

@ashishgupta1350 @SylannBin I am closing this issue if still have this issue then reopen it.

[cohn17]

Hi, sorry to ask, but I do not understand how to change the settings. I see a list of settings under "Contributions" but cannot actually make any changes there. Please advise! Thank you.

[nitech]

@cohn17 I had some issues too. What I did was:

1. Create a folder under the root of the site, called .vscode
2. Add a file there, called settings.json
3. Edit the file and add the following:

{
    "liveServer.settings.root": "/dist"
}

(dist being the root folder I want the liveserver to know about)

Then I actually had to edit the global settings.json:

1. CTRL+SHIFT+P and type "Preferences".
2. Search for "liveserver" and click "Edit in settings.json"

1. I then added the same code inside my global settings.json:

1. Then launched liveserver, killed it, removed the setting in the global settings.json and then relaunched the server.

From now on, liveserver seems to follow whatever is written in the /.vscode/settings.json - file. Perhaps a bug in vscode?

[ect0-1]

how do you do this on mac I cannot make a .vscode folder with a "." as the first character.

[alexalannunes]

@cohn17 I had some issues too. What I did was:

1. Create a folder under the root of the site, called .vscode
2. Add a file there, called settings.json
3. Edit the file and add the following:

{
    "liveServer.settings.root": "/dist"
}

(dist being the root folder I want the liveserver to know about)

Then I actually had to edit the global settings.json:

1. CTRL+SHIFT+P and type "Preferences".
2. Search for "liveserver" and click "Edit in settings.json"

1. I then added the same code inside my global settings.json:

1. Then launched liveserver, killed it, removed the setting in the global settings.json and then relaunched the server.

From now on, liveserver seems to follow whatever is written in the /.vscode/settings.json - file. Perhaps a bug in vscode?

Thankss!

[imdyakov]

Hi,

I am new to VS Code so sorry for dummy question.

What if for learning purposes I have a few different folders with the same structure inside with different lessons (versions of the sites) and I need to switch from one to another inside the same Workspace? Let's say I opened one index.html inside one of the folders inside root of my Workspace and launched it with the Live Server. Then I need to go to another folder inside my Workspace root and to open another index.html inside that separate folder. I open it up in the Live Server but there is still the previous site version opened again.

Is there a way to set it up in the way that it would open up the files from the currently selected folder inside my Workspace (from the folder where currently active file is located in and its subfolders)?