Learn how to change the Live Server browser in Visual Studio Code – Chrome, Firefox, Edge – and fix Live Server issues (VS Code Default Browser Setting).
If your VS Code project is opening in the wrong browser, this step-by-step guide shows you exactly how to edit your settings.json file to fix it. This updated guide ensures your web development workflow is fast and efficient across Windows, macOS, and Linux.
🕒 Timestamps:
00:00 - Intro: Why Live Server opens in the wrong browser
00:50 - How to install the Live Server extension
01:33 - Opening VS Code Settings (JSON)
02:44 - Adding the Custom Browser code snippet
03:13 - Setting Firefox, Chrome, or Edge as default
03:52 - Testing the "Go Live" button
04:20 - Troubleshooting & Final Tips
What You Will Learn:
- How to configure Live Server settings correctly.
- Opening HTML files in specific browsers automatically.
- How to open Live Server in Google Chrome, Mozilla Firefox, Microsoft Edge, Opera, or Brave
- Basic VS Code settings.json customization for beginners.
- Fixing the "Go Live" button browser issues.
Code Snippet:
Copy and paste this into your settings.json file:
"liveServer.settings.CustomBrowser": "chrome"
(Replace "chrome" with "firefox", "microsoft-edge", or "brave")
❓ Why This Happens:
By default, Live Server may use your system’s default browser or its own settings. This tutorial shows you how to override that and choose any browser you prefer.
If this video helped you, don’t forget to Like 👍, Share 🔁, and Subscribe for more tutorials on VS Code and web development.
#vscode #liveserver #webdevelopment #coding #htmlcss #codingtips #visualstudiocode
