live server vscode change browser

github.com › ritwickdey › vscode-live-server › blob › master › docs › settings.md

1 of 15

76

Go to Files > Prefrences > Settings

From Default User settings choose LiveServer Config

Inside it click on pen icon to the left on liveServer.settings.CustomBrowser select chrome.

2 of 15

26

Go into settings. Shortcut: hold command then comma on mac.
In the top search bar search: liveServer.settings.CustomBrowser
You will see: Live Server > Settings: Custom Browser
In the drop down menu select whatever browser you want e.g. chrome or chrome:PrivateMode etc..

or

Open settings.json file
Type or copy and paste the following in the next line: "liveServer.settings.CustomBrowser": "chrome"
Make sure that there is a comma after the code in the previous line.

e.g.

"editor.formatOnSave": true,
"liveServer.settings.CustomBrowser": "chrome"

GitHub

vscode-live-server/docs/settings.md at master · ritwickdey/vscode-live-server

Example: /sub_folder1/sub_folder2. Now sub_folder2 will be root of the server. Default value is "/".(The Workspace Root). liveServer.settings.CustomBrowser: To change your system's default browser.

Author ritwickdey

Videos

01:51

How to Change the Default Browser in VS Code (2025) - YouTube

How to change live server default browser in VSCODE - YouTube

January 6, 2024

01:08

change live server default browser in VSCode | Live Server default ...

March 16, 2021

youtube.com

How to Change Live Server Browser in Visual Studio Code 2023 || ...

July 5, 2023

01:31

How to Change Live Server Browser in Visual Studio Code || How ...

April 13, 2022

View all

reddit.com › r/theodinproject › please help me change browser in my vs code

r/theodinproject on Reddit: Please help me change browser in my vs code

April 17, 2025 -

I switched to Brave browser cos adblock isn’t working on the chrome. But my vs code wont preview on brave despite tweaking settings.

In Visual Studio Code, if you're using the "Live Server" extension, you can control which browser it opens your project in by setting a default browser in the extension's settings. 🔧 Set the default browser for Live Server: Open VS Code Press Ctrl + Shift + P (or Cmd + Shift + P on Mac) Type: Preferences: Open Settings (JSON) and select it Add or modify this line in your settings: "liveServer.settings.CustomBrowser": "chrome" 🌐 Supported browser values: "chrome" "firefox" "edge" "safari" (Mac only) "brave" "vivaldi" "opera"

1 of 5

2

2 of 5

Hey there! Thanks for your post/question. We're glad you are taking part in The Odin Project! We want to give you a heads up that our main support hub is over on our Discord server. It's a great place for quick and interactive help. Join us there using this link: https://discord.gg/V75WSQG . Looking forward to seeing you there! I am a bot, and this action was performed automatically. Please contact the moderators of this subreddit if you have any questions or concerns.

Visual Studio Marketplace

marketplace.visualstudio.com › items

Live Server - Visual Studio Marketplace

Extension for Visual Studio Code - Launch a development local Server with live reload feature for static & dynamic pages

Ritwick Dey

ritwickdey.github.io › vscode-live-server › docs › settings.html

Settings | Live Server | VSCode Extension

Example: /sub_folder1/sub_folder2. Now sub_folder2 will be root of the server. Default value is “/”.(The Workspace Root). liveServer.settings.CustomBrowser: To change your system’s default browser.

How to Change Live Server Browser in Visual Studio Code - YouTube

youtube.com › watch

02:00

In this video, you will learn how to change live server browser in visual studio code. I hope you'll like the video and leave your feedback and suggestions f...

Published August 26, 2024

reddit.com › r/vscode › change live server browser to firefox developer edition or chromium

r/vscode on Reddit: Change Live Server Browser to Firefox Developer Edition or Chromium

March 18, 2021 -

Anyone know how to set the browser for live server (https://open-vsx.org/vscode/item?itemName=ritwickdey.LiveServer) to either firefox developer edition or chromium?

Taking a look at the settings documentation, looks like you can modify the liveServer.settings.AdvanceCustomBrowserCmdLine setting to whatever browser you want, including Firefox Developer Edition. https://github.com/ritwickdey/vscode-live-server/blob/master/docs/settings.md liveServer.settings.AdvanceCustomBrowserCmdLine : To set your any favorite browser (Eg: Chrome Canary, Firefox Nightly) using advance Command Line. (You can specify full path of your favorite custom browser). This setting will override CustomBrowser and ChromeDebuggingAttachment settings. Default Value is null Examples: chrome --incognito --headless --remote-debugging-port=9222 C:\Program Files\Firefox Developer Edition\firefox.exe --private-window Note: Either use AdvanceCustomBrowserCmdLine or CustomBrowser . If you use both, AdvanceCustomBrowserCmdLine has higher priority.

1 of 1

3

Stack Overflow

stackoverflow.com › questions › 75759175 › how-do-i-select-a-browser-to-use-for-vs-code-live-server

liveserver - How do I select a browser to use for VS Code Live Server? - Stack Overflow

I just installed Live Server in VS Code but when I try to open (within VS Code and NOT in an external window) it always uses Simple Browser with doesn't allow me to open Dev Tools. How do I set Chr...

Find elsewhere

Google Bing Mojeek

GeeksforGeeks

geeksforgeeks.org › how-to-enable-live-server-on-visual-studio-code

How to Enable Live Server on Visual Studio Code | GeeksforGeeks

December 17, 2024 - Alternatively, you can right-click on your HTML file and select "Open with Live Server" from the context menu. Your default web browser will open automatically with a live preview of your HTML page.

GitHub

github.com › ritwickdey › vscode-live-server › issues › 87

ritwickdey/vscode-live-server

March 13, 2018 - I love FF Developer Edition because of CSS Grid tools, but for my OS, I want to stick with Chrome for default browser. I tried: "liveServer.settings.CustomBrowser": "firefox", This did not open it up.

Author manavm1990

freeCodeCamp

freecodecamp.org › news › vscode-live-server-auto-refresh-browser

VS Code Live Server – How to Auto-Refresh Your Browser with this Simple Extension

October 14, 2020 - Then you will be able to see the changes quickly and automatically. If you prefer, you can also watch the tutorial video below: You can skip this part if you have already installed VS Code on your computer. Otherwise, you can download it from its official website. ... On the left side, you should see a couple of icons. One of them (under the no bugs icon) is the extensions button: Once you click on it a search bar will appear. Just type in “live server”.

freeCodeCamp

freecodecamp.org › news › visual-studio-code-live-server-not-working

Visual Studio Code Live Server Not Working

August 14, 2020 - Even if you did set the default ... you'd like to use explicitly. First, open the Command Pallete with F1, then type in Preferences: Open Settings (JSON) and select that option. This will open your VSCode settings.json ...

Ritwick Dey

ritwickdey.github.io › vscode-live-server

Home Page | Live Server | VSCode Extension

Support for excluding files for change detection. Hot Key control. Customizable Port Number, Server Root, default browser. Support for any browser (Eg: Firefox Nightly) using advance Command Line. Support for Chrome Debugging Attachment (More Info). [Quick Gif Demo]. Remote Connect through WLAN (E.g.: Connect with mobile) [Need Help? See FAQ Section] Use preferable host name (localhost or 127.0.0.1). Customizable Supporting Tag for Live Reload feature.

Medium

medium.com › @aleksej.gudkov › how-to-use-live-server-in-visual-studio-code-for-real-time-web-development-c1914a4e7f24

How to Use Live Server in Visual Studio Code for Real-Time Web Development | by UATeam | Medium

November 24, 2024 - Alternatively, you can click the Go Live button in the bottom-right corner of the status bar in VS Code to start the server. Your default web browser will open automatically and display your project.

reddit.com › r/vscode › setting up vs code live server to use a browser profile as default

r/vscode on Reddit: Setting up VS Code Live Server to use a browser profile as default

July 12, 2022 -

Hello guys,

I have a separate profile in Firefox for the Live Server, but how do I change the defaults to use that specific profile?

I've also created a shortcut for the profile("C:\Program Files\Mozilla Firefox\firefox.exe" -P Test), but I don't know how to implement it.

1 of 1

Any help would be helpful.

reddit.com › r/vscode › how to change live sever default browser to firefox without changing it in the default browser?

r/vscode on Reddit: How to change live sever default browser to firefox without changing it in the default browser?

August 7, 2021 -

Hi,

Is there a way that you can make firefox vs code a default browser for live sever or npm start in react? But when I still want another browser like chrome to be my default browser. There something like in setting editing some json file or something?

"liveServer.settings.CustomBrowser": "chrome-beta" Exactly you got it covered, change this key. I am on Ubuntu and chrome-beta works, if you are on Windows, you can research by yourself.

1 of 2

2

2 of 2

It just uses your default browser, just copy-paste the url to Firefox from your browser.

reddit.com › r/vscode › assign another default browser for vscode on mac?

r/vscode on Reddit: Assign another default browser for VScode on Mac?

May 19, 2020 -

I'm using firefox as my main browser, and firefox dev for developments for plugins and performance purposes. I'm trying to make "open live server" and following locallost links from integrated terminal to run in Firefox dev. Is that possible ? Thanks.

https://ritwickdey.github.io/vscode-live-server/docs/settings.html liveServer.settings.CustomBrowser: To change your system’s default browser. Default value is "Null" [String, not null]. (It will open your system’s default browser.) Available Options : chrome chrome:PrivateMode firefox firefox:PrivateMode microsoft-edge Not enough? need more? open an/a issue/pull request on github. For now, use liveServer.settings.AdvanceCustomBrowserCmdLine settings (see below).

1 of 2

2

2 of 2