Your workspace needs to be as cool as you :)
Fig: The “new” windows terminal
Personalizing workspace is always beneficial for productivity, at least for me. I hear a lot of people talking about how its better to just “work” without beautifying things but, I just can not work that way and I know most of you here can’t as well. In this article, I will guide you on how you can easily use the new and cool windows terminal as the external terminal in visual studio code. Not only that, we’d be discussing about cool themes, transparent terminal, cool fonts and a lot more.
This is the end result. (p.s. Don’t hate me but I actually like light mode terminal better than the dark mode terminal 😜)
Fig: Execution of Java Program on the new terminal
“Woah, That’s so cool, YOU ARE SO COOL, How did you do it?”, you might wonder. I wondered for a long time and finally u/GoodClover helped me figure it out.
Let’s get straight to the point. Follow the steps below.
- Press F1 for the command box, and search for ‘Open Settings’ and click on the option which says: “Preferences: Open Settings (JSON)”. In the picture below, the option is at the top which might not be the case in your editor.
- On the settings.json file that opens up, scroll down until you see (or search)
The value might be different in your system, but the key must be same.
Change the value to “wt -p cmd cmd” and now the total command will look like this
“terminal.external.windowsExec”: “wt -p cmd cmd”,
Yay, You are good to go. You have what you wanted to achieve.
A common problem:
If you set the key to:
you are likely to face an error like this:
So, How did it work?
According to u/GoodClover,
This is because VScode assumes you are running cmd and has (afaik) no config for the command line arguments, and when they get passed to wt it has no clue what they mean, adding cmd (the last one) then makes wt run cmd and the argument get passed to it correctly.
If you want to use your profile for cmd you have to add -p cmd, so the full command becomes wt -p cmd cmd
The terminal is not still as useful as the traditional command prompt. For example:
If you wanted to open a project folder in VSCode, its easy with the command prompt. As simple as this:
You typed cmd on whatever-bar that’s called and a terminal window would pop at the same directory!
This is what I wanted.
But, if type “wt” instead on “cmd” on the *whatever-bar, *Windows Terminal will pop up but look at the directory.
Its my home directory! I DID NOT WANT THAT!
So, what can we do? Solution is simple actually!
These are the steps:
- Click on the down arrow and go to settings, It will open up a settings.json file but, this is the json settings for our terminal.
We just need to add just one line to make this work.
- Inside the defaults object which is inside the profiles object, just add this line:
p.s. Don’t mind the fontFace, fontSize and other keys.
- You did it!!! That is it!
Do you wish to have the windows terminal on the context menu as well? (p.s Yayyyy, I actually remembered what this menu was called.)
Looks pretty dope, doesn’t it?
I don’t want to make this article too long so have a look at Vlad412’s answer here. Its simple, download an image, put it in the required directory and run a registry command. Yay, it’s done. But, if you had problems understanding that, leave comments so I may edit this post (if Medium let’s me, this is actually my first post :) ) or maybe reply to your comments.
One last thing,
For people who want their terminal to look exactly like mine does, here’s how:
On the settings.json file of the windows terminal, search for schemes array and paste this object inside.
“name” : “Frost”,
“background” : “#FFFFFF”,
“black” : “#3C5712”,
“blue” : “#17b2ff”,
“brightBlack” : “#749B36”,
“brightBlue” : “#27B2F6”,
“brightCyan” : “#13A8C0”,
“brightGreen” : “#89AF50”,
“brightPurple” : “#F2A20A”,
“brightRed” : “#F49B36”,
“brightWhite” : “#741274”,
“brightYellow” : “#991070”,
“cyan” : “#3C96A6”,
“foreground” : “#000000”,
“green” : “#6AAE08”,
“purple” : “#991070”,
“red” : “#8D0C0C”,
“white” : “#6E386E”,
“yellow” : “#991070”
It looks like this now:
Scroll up to the list array and inside cmd object, remove everything except guid and paste this:
“name”: “Command Prompt”,
“cursorColor” : “#000000”,
It looks like this now:
DONE! But, this just affects the cmd and if you wish to make your powershell and ubuntu terminals look the same, paste the above code not inside cmd array but inside the defaults object where we just set the starting directory.
Also, My VSCode theme is “Community Material Theme Ocean”.
And, if you want to check out the theme that I developed, that looks like this:
Here’s the link.
Want to customize more? Have a look at this. Windows Terminal: The Complete Guide - SitePoint In this article, we’ll explore Windows Terminal, the ideal accompaniment to WSL2. It’s fast, configurable, looks great…www.sitepoint.com
Thank you for reading. Have a great day, or maybe a night, how will I know when you’re reading this? 😜