+4 votes
Change Default Browser Visual Studio Code

in Git by (551k points)
reopened | 62 views

1 Answer

+5 votes
Best answer

How to change default browser Visual Studio Code

Visual Studio Code has been developed as a lightweight source code editor which runs on the desktop and can be used on Windows, macOS and Linux operating systems, Visual Studio Code has integrated support for JavaScript, TypeScript and Node.js and has a large number of extensions compatible with other languages ​​and runtimes such as C++, C#, Java, Python, PHP, Go, .NET and more..


Visual Studio Code Extensions
Visual Studio Code extensions give us the option of having additional support for aspects and segments such as:


  • Languages: C++, C#, Go, Java, Python
  • Tools: ESLint, JSHint, PowerShell
  • Debuggers: PHP XDebug.
  • Keymaps: Vim, Sublime Text, IntelliJ, Emacs, Atom, Brackets, Visual Studio, Eclipse




Requirements for Visual
To use Visual Studio Code, the following is required at the system and hardware level:


  • RAM memory of at least 1 GB
  • 1.6 GHz or higher CPU
  • OS X El Capitan (10.11+)
  • Windows 8.0, 8,10, 11 (32-bit and 64-bit)
  • Linux (Debian): Ubuntu Desktop 16.04, Debian 9
  • Linux (Red Hat): Red Hat Enterprise Linux 7, CentOS 7, Fedora 34



One of the advantages of using Visual Studio Code is that we can implement the Live Server function which allows us to see all the work done in the app reflected in a web browser, this simplifies the processes and allows us to see the final result of the work, it is It is possible that as developers we want to establish our own browser and for this reason TechnoWikis will explain how to carry out this process.



To stay up to date, remember to subscribe to our YouTube channel!


How to change default browser Visual Studio Code


Step 1

Open Visual Studio Code:




Step 2

In the File Explorer we are going to create a folder to house the project configuration files there:





Step 3

We drag to Visual Studio Code the folder where the files will be hosted:




Step 4

We will see the following message. We click on "Yes, I trust the authors" since it is a folder created by ourselves, if it is an unknown folder we click on "No, I do not trust the authors" to create a restricted mode analysis of it and thus validate its integrity




step 5

By clicking there we will see that the folder has been added:





step 6

We click on the folder to access it:




step 7

In the folder or project in Visual Studio Code we click on the file icon and assign the desired name:





step 8

Press Enter to access the work panel, there we enter "HTML" and in the options we select "html:5":




step 9

We will see the following structured code:




step 10

We replace "Document" with the desired name:




step 11

We go down to "Body" and there we enter "h" and select "h1", then we enter the desired text as the body of the message:





step 12

Now we go to "File - Preferences - Settings":




step 13

We click on "Extensions" and then click on "Live Server Config", in case of not having Live Server we must go to "File - Preferences - Extensions" and there look for and install this extension:




step 14

Now if we have Liver Server Config:




step 15

We click on "Edit in "settings.json" to display the following:




step 16

We copy the line "liveServer,settings" and paste it at the bottom, add a , in the original line:







step 17

We delete the text "CmdLine" and "Advance":





step 18

Between the quotes we enter the name of the browser, in this case when entering the text you can select from the displayed options:




step 19

Press Enter or Tab to choose the available browser:





step 20

Save the changes with this combination:



Ctrl + S


step 21

In the created file we right click somewhere and select "Open with Live Server":




step 22

The content will be opened in the indicated browser:




Step 23

You can change the browser by entering the name of the browser in the settings.json file:




step 24

Apply the changes with:


Ctrl + S


step 25

In the created file we right click somewhere and select the "Open with Live Server" option:





Step 26

The content of the created file will open in the new browser:




In case you want to use Microsoft Edge we must enter the name "msedge".


This is the way we can change the default browser in Visual Studio Code and thus have a means to see the executed code..


by (3.5m points)

Related questions

+4 votes
1 answer
asked Aug 16, 2023 in Linux/Unix by backtothefuture (551k points) | 52 views
+3 votes
1 answer
asked Dec 22, 2022 in javascript by backtothefuture (551k points) | 65 views
+5 votes
1 answer
asked Jun 4, 2020 in Other languages by backtothefuture (551k points) | 560 views
+5 votes
1 answer
asked Nov 20, 2020 in Help by backtothefuture (551k points) | 186 views
+5 votes
1 answer
asked Sep 12, 2020 in Safari by backtothefuture (551k points) | 200 views
Sponsored articles cost $40 per post. You can contact us via Feedback
10,634 questions
10,766 answers
3 users