# How to configure the VS Code's built-in browser Preview

## **Visual Studio Code**

Visual Studio Code (VS Code) is a free and open-source code editor developed by Microsoft.

It is a lightweight yet powerful source code editor that is widely used by developers for various programming languages and web development.

---

## Let's get down to business

Shall we?

![It Crowd Brilliant Reaction Maurice Moss GIF | GIFDB.com](https://gifdb.com/images/high/it-crowd-brilliant-reaction-maurice-moss-dsk6k8go7wzin5p3.gif align="left")

---

### **Check your OS (optional)**

This step is just to make sure you have `Pop!_OS` installed.

**COPY**

**COPY**

```ruby
uname -a
hostnamectl
lsb_release -a
cat /etc/os-release
```

Output

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1701960709361/81a5f20c-2703-45ff-83d3-440318836a26.png?auto=compress,format&format=webp&auto=compress,format&format=webp&auto=compress,format&format=webp&auto=compress,format&format=webp&auto=compress,format&format=webp&auto=compress,format&format=webp&auto=compress,format&format=webp align="left")

---

## **Current situation**

At the moment, there are no browsers attached to my Visual Studio Code.

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1703446265472/9f1bc325-2541-49a5-9997-95d77e68be87.png?auto=compress,format&format=webp align="left")

---

## Open the command Palette

Go to the `View` menu and then the `Command Palette` option:

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1703446582877/5d858cd6-896a-4c3f-85cf-49aa443258e6.png?auto=compress,format&format=webp align="left")

or just use the following shortcut:

**COPY**

**COPY**

```ruby
CTRL + SHIFT + P
```

The Command Palette is a powerful feature that allows you to execute various commands and tasks within VS Code.

It provides a quick way to access and run commands without having to navigate through menus.

---

## Type "Simple browser"

When you open the Command Palette, you'll see a text input field where you can start typing the name of a command or task.

As you type, the Command Palette filters the available commands based on your input, making it easy to find and execute the desired command.

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1703446726260/e1dfed60-7ce5-4b89-9b6a-fd87a196754b.png?auto=compress,format&format=webp align="left")

---

## Enter url

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1703446858359/25749d23-f014-408e-b6ec-ad1b605c5bad.png?auto=compress,format&format=webp align="left")

---

## Divide the screen

Click on the icon located in the upper corner of the screen.

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1703447048910/06adde1c-6468-4652-a322-6b460ad975ff.png?auto=compress,format&format=webp align="left")

or use the following shortcut:

**COPY**

**COPY**

```ruby
CTRL + \
```

---

## Move the browser

Move the built-in browser to the other side and re-scale the size.

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1703447389906/709c96b8-9b9e-4870-a9a2-5880ea836368.png?auto=compress,format&format=webp align="left")

---

## Done

---

## **Celebrate**

![The It Crowd Birthday GIFs | Tenor](https://media.tenor.com/kDyYq4PQuIgAAAAC/clapping-it-crowd.gif align="left")

---

## **Reach me out**

* [**Github**](https://github.com/alexcalaca)
    
* [**LinkedIn**](https://linkedin.com/in/alexandrecalacaofficial)
    
* [**Hashnode**](https://hashnode.com/onboard?next=/@alexandrecalaca)
    
* [**Youtube**](https://www.youtube.com/@alexandrecalacaofficial)
    

---

## Final thoughts

Thank you for reading this article.

If you have any questions, thoughts, suggestions, or corrections, please share them with us.

We appreciate your feedback and look forward to hearing from you.

Feel free to suggest topics for future blog articles. Until next time!