WSL,VSCode Terminal: "Coddled and Cosseted"
Tags: beginners, codenewbie, computerscience, linux
Published: 2021-05-09 12:33:20

**FLAG:**   *"If you have more time as a developer to improve your Terminal look and also if you're a Windows user, this blog can help you!"*

Here we try out some fancy stuff for the WSL terminal.

The plan is to use WSL via windows Terminal. For this first install WSL and Windows Terminal on your machine.

Go through the below **6 steps** and have the awesome terminal on your machine.

- **STEP 1** : Install zsh in WSL

```
apt-get install zsh
```
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/utiiu3xpi0a7v0p98c2u.png)

- **STEP 2** : Install "Oh My Zsh"

visit the website https://ohmyz.sh/#install

``` 
sh -c "$(curl -fsSL https://raw.github.com/ohmyzsh/ohmyzsh/master/tools/install.sh)"
```


![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/jz1u854gfjo8ttmkfxjl.png)

- **STEP 3** : Install PowerLevel10k

```
git clone https://github.com/romkatv/powerlevel10k.git $ZSH_CUSTOM/themes/powerlevel10k
```

- **STEP 4** : Install Font FiraCode NF (We need this font then only the PowerLevel10k theme looks fine.)


Download the Font from the [link](https://github.com/ryanoasis/nerd-fonts/raw/master/patched-fonts/FiraCode/Medium/complete/Fira%20Code%20Medium%20Nerd%20Font%20Complete%20Windows%20Compatible.ttf)

After downloading the ttf file into your machine, just double-click the ttf file. The file will open, then press the install button at the top. This will install the font on your windows machine.

Now we need to map the font to the WSL Terminal, for that go to the settings of the terminal.

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/7ndivchkqg7p159mmhdj.JPG)

Click on the Open JSON file

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/4lfi7oobp9rtdr0qep9a.JPG)

The JOSN file looks like below one

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ead11jhbznrw8ja3u8tt.JPG)

Copy the below code and paste it in your JSON file.

```NOTE: update the guid with the guid of your ubuntu instance```

```
            {
                "fontFace": "FiraCode NF",
                "guid": "{YourUbuntuguid}",
                "hidden": false,
                "name": "Ubuntu",
                "snapOnInput": true,
                "source": "Windows.Terminal.Wsl",
                "useAcrylic": true
            },
```

You need to copy the code to the appropriate section of the JSON file as shown below.

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/hugfl8du4jhazxsa7vf6.JPG)

**STEP 5** : Configuring the Powerlevel10k 

Go to WSL and open the .zshrc file kept in your home directory.

```
vi ~/.zshrc
```
Add the below line and save the file
```
ZSH_THEME="powerlevel10k/powerlevel10k"
```

Reload the .zshrc file in your terminal
```
source ~/.zshrc
```
Then the configuration screen for the powerlevel10k will appear if not type the below command
```
p10k configure
```
Follow the instructions and set up the new look as below!!!

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ohoqeu4lppkxs0qak9od.JPG)


![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/2o4xc7xwnqz88jbdub68.JPG)

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/smt3wk6j7ttg7arsfrmc.png)

**ohhhh!!! Wait!!** We have a few more work. Now we need our VScode terminal also looks cool.

**STEP 6** : Updating the VSCode terminal font

Open VScode and go to its setting

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/g712b1k1qmn8pnaxw8yc.JPG)

Search the below line 


```Terminal integrated font family```

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/oem2g06k54av6ywqrtg8.JPG)

update the font name here also.

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/zmo16klkf1ndgpjbhfxh.JPG)

Done, if you open the WSL terminal in vscode it looks cool!!.
Enjoy!