I think this is too late but same happened to me in Arcolinux. Just had to write as the launcher in settings.json file:
"liveServer.settings.CustomBrowser": "google-chrome-stable"
I left this here just in case this helps anybody else.
Answer from fonsick on askubuntu.comVideos
hello everyone , i've install live server in my vscode with ubuntu OS. suddenly its not working . i've tried reinstalling vs code still its not working . i paste this command "liveServer.settings.CustomBrowser": "chrome" in user.json setiings still it doesnt do anything .Not even getting the go live button in the status bar . Is there any solution to fix the problem .
Any help would be appreciated.
» npm install live-server
Hey guys I am using wsl window but in this live server extension is not working when i click open live server it's not redirecting on a chrome tab like normal window vs code what i do ??
The main problem is that node js does not know the path of the installed modules ..
Type this command to get the path of all the global modules.
npm bin -g
It will display the path (C:\Users\gf\AppData\Roaming\npm) and also show (not in PATH env variable)
Copy the path and add it to the path variable of your computer (just like you do while installing other software) for eg : In Windows 7 - Right click on my computer ->select properties -> select advanced system settings -> environment variables
Double click on the Path variable
In the variable value first type a semicolon and paste the path which you copied and that's it every thing should work now..
Add the path to your npm installation to your path. Just add this line at the end of .bash_profile. Run it in bash first, to make sure it works before putting it in .bash_profile
export PATH=$PATH:/Users/username/npm-global/bin
Hello,
I used Live Server before and this issue never happened. For some reason, when I open an HTML file with live server, it just starts the server without opening the browser itself.
I Googled around and tried all sorts of settings. Here is my settings.json:
"liveServer.settings.donotShowInfoMsg": false,
"liveServer.settings.CustomBrowser": "chrome",
"liveServer.settings.NoBrowser": false,
}I tried changing the browser itself to a different one (my main one is edge) but it also didn't work.
Opening the URL manually works (127.0.0.1).
Any suggestions would be great.
To get to the "live" part of the live server, you have to choose "Install", then press Ctrl+Alt+F2-F6 to get to another TTY, where you will be given a shell.
Source: Installing using the live server installer
If you need to at any time during the installation you can switch to a different console (by pressing Ctrl-Alt-F<n> or Ctrl-Alt-Right) to get access to a shell.
The Server image uses a different installer from the Desktop image.
To 'Try Ubuntu' in the Server image,
- First, enter the installer (you are not yet committing to an install)
- Then, look for the "Help" menu in the upper right corner.
- The option to open a Live shell environment is in that Help menu.
I've found the live and "classic" server ISOs behave differently and I have had better luck with the classic ISOs. Will there be non-live server ISOs for 20.04?
I had this problem and I solved it by changing the port number in the settings.json file to an opened one.
To get to the settings.json file you just click CTRL+SHIFT+P, then type "settings", click the "Preferences: Open Settings (JSON)", then paste this inside the { }:
"liveServer.settings.port": 0
This will randomly pick an opened port each time. This is how my JSON file looks like:
{
"liveServer.settings.port": 0
}
If there are multiple lines in the JSON file, make sure each line is separated by a comma(,), like this:
{
"liveServer.settings.CustomBrowser": "microsoft-edge",
"liveServer.settings.port": 0
}
Re-install the extension and restart your text editor to fix the issue.
I had the same issue, but when trying it on Windows, it was working correctly, so I guess that Live Server will try to load it as localhost (which is 127...) but WSL doesn't use that. This can be confirmed by running ifconfig on the WSL Terminal.
I found a setting on the extension called "Use local IP". Once checked, it will open the Window with the WSL address instead of localhost and changes are shown properly.
This is what worked for me.
- Install Remote Development extension pack in VSCode and then close VSCode.
- Install wslview using
$sudo apt install wslu. - Open the folder containing your html file using
$code <folder_name>. - Make sure that the bottom left corner is showing WSL:Ubuntu. If not, click on that button and choose new WSL window and choose your project folder in WSL directory.
- You may be required to reinstall live server extension in the WSL VScode window. Once installed, add or update this line in the setting.json of live server extension
"liveServer.settings.CustomBrowser": "wslview". VSCode may flag "wslview" as a problem/error, just neglect it. - In your WSL terminal run the command
$BROWSER='wslview'.
Now check if the live server is working properly or not.