🔍 1. Make sure you’re opening the correct folder

Live Server must run inside a workspace or folder, not just a single file.

✅ Fix:

In VS Code, go to File → Open Folder...

Select the folder that contains your HTML file

Then open your HTML file inside that folder and click “Go Live” again

⚙️ 2. Check Live Server settings

Sometimes the extension’s internal settings break.

✅ Fix:

Open VS Code settings (Ctrl + , or Cmd + , on Mac)

Search for:

liveServer.settings.root

If this field has a value (like /src or /public) but your HTML is somewhere else, Live Server won’t find it.

Clear it or set it correctly.
Example:

"liveServer.settings.root": "/"

Also check:

liveServer.settings.port

Change it to a different port (e.g., 5501) to rule out port conflicts.

🧱 3. Check if another app is using the port

If another process is using port 5500, Live Server may run but not actually host your site.

✅ Fix (Windows):
Open Command Prompt and run:

netstat -ano | findstr :5500

If something is using it, note the PID and kill it:

taskkill /PID /F

Then restart VS Code and Live Server.

🌐 4. Try to manually open the correct file path

Sometimes Live Server runs, but the URL is wrong.

Check the status bar — if it says Port: 5500, try visiting:

http://localhost:5500/.html

(e.g., http://localhost:5500/index.html)

🔄 5. Clear Live Server cache / reinstall properly

Reinstalling doesn’t always clear its cached config.

✅ Fix:

Uninstall Live Server

Close VS Code

Delete the extension folder manually:

Windows:

C:\Users<YourName>.vscode\extensions\ritwickdey.liveserver-*

macOS/Linux:

~/.vscode/extensions/ritwickdey.liveserver-*

Restart VS Code and reinstall Live Server

🧰 6. Run manually via Node (test if it’s VS Code issue)

If none of the above works, test if something blocks local hosting:

In your project folder, open a terminal and run:

npx live-server

If it opens in browser, then the issue is VS Code integration, not the Live Server itself.

Possible Causes & Solutions:

1. Check Project Folder:
   Make sure you have opened the folder containing your project in VS Code, not just the individual HTML file. Live Server works best when the full folder is opened.

2. Firewall/Antivirus Blocking:
   Sometimes, firewall or antivirus software can block the local server. Try temporarily disabling them or allowing VS Code through your firewall.

3. Port Conflict:
   Port 5500 might be occupied. You can change the port in Live Server settings:

   • Go to VS Code settings (Ctrl+,), search for “Live Server > Settings: Port” and set a different port (e.g., 5501).

4. Try “Open with Live Server” from Explorer:
   Right-click your HTML file in the VS Code Explorer and select “Open with Live Server” instead of using the status bar button.

5. Check Live Server Output:
   Go to “View” → “Output”, then select “Live Server” from the dropdown to check for error logs.

6. Check Default Browser Path:
   Sometimes the browser path set in VS Code’s settings is incorrect. Ensure your default browser is properly configured.

7. Try Another Browser:
   Try setting another browser as your default to rule out browser-specific issues.

8. Update VS Code & Extensions:
   Make sure both VS Code and Live Server extension are updated to the latest version.

9. Check HTML File Location:
   Ensure your HTML file is inside the workspace folder you opened in VS Code.

If none of these work:

• Uninstall Live Server, delete its settings (.vscode/settings.json if present), then reinstall.
• Try creating a new simple HTML file in a new folder and see if Live Server works there.

Hey @sudheerxdev 👋, I’ve run into this issue before. A few things you can check:

Make sure you’ve opened the entire project folder in VS Code, not just the HTML file. Live Server works best with a workspace.

Try changing the port in the settings (liveServer.settings.port)—5500 might be taken.

Check liveServer.settings.root—if it points somewhere else, your HTML won’t load. Setting it to / usually fixes it.

Sometimes firewalls or antivirus software block Live Server, so make sure VS Code is allowed.

Right-click your HTML file and select “Open with Live Server” instead of using the status bar button.

If that doesn’t work, try creating a new folder with a simple index.html and see if Live Server opens it. Also, running npx live-server in the terminal can help figure out if it’s the extension or VS Code itself.

Hey! This can be frustrating, but here are the main things that usually fix it:

1. Open the folder, not just the file — Live Server needs the whole project folder open in VS Code. Go to File → Open Folder and select your project folder.

2. Check if the port is free — Sometimes port 5500 is already being used. You can change it in settings (search for liveServer.settings.port and try 5501 instead).

3. Try opening manually — While Live Server is running, try typing http://localhost:5500/index.html (or whatever your HTML file is called) directly in your browser.

4. Reinstall the extension — If nothing else works, uninstall Live Server completely, restart VS Code, and install it again fresh.

Also worth trying: right-click your HTML file in the VS Code explorer and choose "Open with Live Server" instead of using the status bar button.

Hope this helps! Let us know if any of these work for you.

Problem Summary

You're experiencing an issue where Live Server shows "Port: 5500" in the status bar but doesn't automatically open your project in the browser. Even manually navigating to http://127.0.0.1:5500/ doesn't load your HTML page.

Main Steps to Resolve

Here are the most effective solutions, ordered by likelihood:

1. Open the Folder, Not Just the File

Live Server requires a workspace context to function properly.

• Go to File → Open Folder
• Select the folder containing your HTML file
• Then open your HTML file and try "Go Live" again

2. Check Live Server Root Setting

The extension might be looking in the wrong directory.

• Open Settings (Ctrl + ,)
• Search for liveServer.settings.root
• If it has a value like /src or /public but your HTML is elsewhere, clear it or set it to /

3. Test with Direct File Path

Try accessing your specific file:

• Visit http://localhost:5500/index.html (replace index.html with your actual filename)
• If this works, it confirms Live Server is running but the root path is incorrect

4. Check for Port Conflicts

Another application might be using port 5500.

• Windows: Open Command Prompt and run netstat -ano | findstr :5500
• Alternative: Change the port in settings by searching for liveServer.settings.port and setting it to 5501

5. Try Right-Click Method

Instead of the status bar button:

• Right-click your HTML file in the VS Code Explorer
• Select "Open with Live Server"

6. Check Firewall/Antivirus

Security software might be blocking the local server. Ensure VS Code is allowed through your firewall.

7. Clean Reinstall

If nothing else works:

1. Uninstall Live Server
2. Close VS Code completely
3. Delete the extension folder: C:\Users\<YourUsername>\.vscode\extensions\ritwickdey.liveserver-* (Windows) or ~/.vscode/extensions/ritwickdey.liveserver-* (Mac/Linux)
4. Restart VS Code and reinstall the extension

Quick Test

Create a new folder with a simple index.html file to isolate whether the issue is project-specific or extension-wide.

Let me know which solution works for you! 🚀