Right-click on the status bar at the bottom and make sure the Live Server (Extension) is selected. That will hide/unhide the Go Live button on the status bar.

Right-click on the status bar at the bottom and make sure the Live Server (Extension) is selected. That will hide/unhide the Go Live button on the status bar.

- Go to live-server > config tab in extension settings.
- Look for > Advance Custom Browser Cmd Line
- Tap on Edit
settings.json - On 4th line you may find it...
"liveServer.settings.showOnStatusbar": false, - In my case it was false and I changed it to
true - Restart VSCode and Enjoy...

Live server installed but not working in VS code
Problem in Vs code (Vs code Live server is not Working)
Visual Studio Code - open with live server - works and doesn't - HTML/CSS - Code with Mosh Forum
why doesn't my live server work in visual studio code?
Videos
Hello , am not sure this is the right place but when i open my htlm file with live server on google chrome , normal or Incognito mode its not working
this : https://cdn.discordapp.com/attachments/703709336370675913/1052567823165181963/image.png is what i am getting
I tried changing my browser , changed the live server version , changed the port nothing works .
I checke some google videos that told me to switch port , change folder name nothing works
Thanks in advance
edit: no its not .htlm was just a solution that did not work from youtube : https://cdn.discordapp.com/attachments/703709336370675913/1052588668289822730/image.png but no mater the file live server preview does not work for
edit2: ok i had to rename a few things it starting to work !
The problem was that live server was not updating changes so obviously it would not show any even if the other problems where solved,the solution was to change
• Open settings.
• Search for 'autosave'.
• Set it to 'afterDelay'.
It works fine ! thanks guys <3
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 cannot have two project folders with an html file running through the live server. Only one html file can be streamed at one time other wise when trying to stream the second, it will stream the first (Like the issue i was having)
I was having the same problem but later on I find out that, I renamed my project folder while my server was still loading the same project but with the previous folder name so I changed the link to my new folder folder name and it worked for me.
I decided to brush up my html after a month, I opened my folder, and wrote some html and saved the file, clicked on live server as usual, but it didn't open a window featuring the website.
What I have already done so far:
Restarted both the pc and VS code.
Reinstalled Live server extension on VS code.
Made sure the default browser is chrome.
when I manually type in the localhost on any broswer, it does opens the folder which I am working with.
Setting the file type to ".html" fixed my problem.
Thank you Oneli Jayodya for giving me the troubleshooting information, you're amazing. I'll be sure to do the other steps in case it errors again.
For those who don't know how to do it and having this same issue, here's how!
- Open up Visual Studio Code
- Select your file with your code
- Click "File" tab in the corner of the upper hotbar
- On the window that pops up click "Save As"
- With the file window that pops up, click "Save As Type" bar
- Find "HTML", select it, and save your file
- Run your live server, should work now and show your code in action!
This should fix your problem if you didn't save your file as an HTML. If not, check the other solutions Jayodya offered. Shes awesome!
Here are several steps you can follow to troubleshoot the problem:
make sure the file is saved with a .html extension
You can right-click on the HTML file in the Explorer pane and select "Open with Live Server".
It should look something like http://127.0.0.1:5500/yourfile.html. Ensure this matches the file you are trying to serve.
Sometimes other browsers or VS Code extensions can interfere with the Live Server.
you might want to set it to a standard port like 5500, which is commonly used with Live Server. Change it in your settings:
"liveServer.settings.port": 5500
Clear the Browser Cache
Update Visual Studio Code
Reinstall Live Server