+4 votes
62 views
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!
SUBSCRIBE ON YOUTUBE

 

How to change default browser Visual Studio Code

 

Step 1

Open Visual Studio Code:

 

image

 

Step 2

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

 

 

image

 

Step 3

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

 

image

 

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

 

image

 

step 5

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

 

 

image

 

step 6

We click on the folder to access it:

 

image

 

step 7

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

 

 

image

 

step 8

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

 

image

 

step 9

We will see the following structured code:

 

image

 

step 10

We replace "Document" with the desired name:

 

image

 

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:

 

 

image

 

step 12

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

 

image

 

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:

 

image

 

step 14

Now if we have Liver Server Config:

 

image

 

step 15

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

 

image

 

step 16

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

 

 

 

image

 

 

step 17

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

 

image

 

 

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:

 

image

 

step 19

Press Enter or Tab to choose the available browser:

 

 

image

 

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":

 

19

 

step 22

The content will be opened in the indicated browser:

 

image

 

Step 23

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

 

image

 

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:

 

image

 

 

Step 26

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

 

image

 

Note
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)
edited

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
510 comments
3 users