Awesome VS Code Terminal Setup with Starship: Step-by-Step Guide

Thapa Technical
62 followers
1 Video View·Nov 13, 2024
Hello what's up guys, today in this video we will see how to
create your bus code
terminal awesome. Yes guys, can you see
this is our bus code editor terminal,
how awesome we have made it,
we have given it a totally new look. Even before this it
was absolutely awesome but now I have
upgraded it a bit to a totally different look.
Okay, so today in this video I will tell you
how you can make the terminal of your bus deterator so awesome,
that is, see this. It is also fun to
see like, each and every icon is visible to you,
you will not see it, you can check by
writing LS, whatever your react
project or whatever project you have, it will not be
visible to you, see this is the complete version of Masters by Masters. I am
telling you that whatever you use,
you are going to get everything here, so are
you guys excited because I am super
excited, many of you have been there for a long time,
brother, tell me, tell me, I know, before this, mine
was totally different, a little bit different. It was
square and rectangular but today
recently a friend told me in this way
and I thought why not
share it with you guys, okay and one
thing I would like to clear is that basically
we are power cells which are ours. There is a
power cell in Windows, we will set it
and if it gets set there, then everything else will be done
automatically. Okay, so I would like to tell you
all the steps required today, I have
already made it on my blogger page, the
link for it is given below. I will share it in the description,
you can sit comfortably and follow the country like it,
if something happens then don't
worry, but at the same time I
would like to tell you that we are very close, it is because of
your love of 7 lakh subscribers that we
reached here. Have arrived so guys please
if you haven't subscribed yet then please
do so and a red
bell icon will appear on the right side, hit it and
click so that you don't miss such awesome videos daily
and yes guys I like the videos.
So please like and
share wherever you want, okay,
see everything here, I have
given the steps, we go step by step,
so the number one step is to install the latest
power cell, okay, how will you know? Look,
open the terminal, first of all you have to
install the latest power cell, how
will you know, look, open this and here
you can see one thing, it is basically a
toggle button,
basically you can open the on and off button. Yes, it's okay here,
so this is what is visible here, look just one
second, if I walk here, look, this one is
visible to you, this one is visible to you, this one is
visible to you, but this one is the fourth one, right,
you might not be able to see it. If you are doing the
fourth one, if you are not able to see the
Power Cell, it means that the
latest Power Cell is not installed on your system, then the
number one step is we need to install the
latest Power Cell, it is fine, you will
see the icon like this. You do not have to do anything,
for that also I have told you here,
you can download it from the official website
and else you can go Windows Store, okay then
you are sorry, we call it Microsoft Store, but we
also call it Windows Store, power
cell search here. You have to do this power cell very
clearly, you can see this link, I will
give it in the description below, now simple mine is
visible open but you
click on update or install here, once it
gets installed then it is simple.
Come here, now when you open it,
you will see this finally, once you
close it and open it, it is okay, then the number one
step, it's done, is to install the power cell.
Now what is the second step, the second step
is this, guys, go to the settings. You have to go to
start up, go to default, see, that means
now you have to make your default terminal,
obviously we all have default terminal,
so now you have to make power cell the default
terminal, how will it happen again,
you have to go here only, see very clearly.
We can have these settings and else you can go
with control plus comma plus,
no need to press control and comma,
then you will come to settings, power cells,
so I go to settings, okay,
I came here to settings. You
can see very clearly over here we have this start
up and this is the default profile and
default terminal application so on default
profile you have to do power sale and on
default terminal application you have to
do Windows terminal, simple not a big deal
here you When you come here, look at the power cell and
when you come here, this is the Windows terminal.
Simple right, so you know it.
Look once, carefully look at the power cell
and Windows terminal. These are the two defaults. You have to
change them, once this is done. Okay,
back when you open the terminal, the next
time, now your latest power cell will be
your default and that will be your start.
Okay, that's my work.
Okay, now let's go back over
here. Now we need to. Install the Star Ship
Promote So basically this is what you are seeing,
this is your Star Ship Promote,
okay and even, you will see this right here,
if I do LS, see this,
I see something like this.
This also will not appear in this manner. If you
want, how is this happening? Let me know in the
comment section. Okay, however, I will tell you
many things in this video today. Now if it
is okay here, then it would appear in this manner.
Okay, now to show or
get this, we will have to install st ship promotion,
everything is here,
look at it, it looks like this,
st ship promotion is ok, here you
can see that
wss4j is
provided. There is no need to write npm install
here instead of apn you
have to write winget install in this way
and this star sheep is
fine in this way and what you have to do guys is to
hit enter then once your It
will be installed ok hit enter
once your installed now what you have to
do now you have to write a code we need
to update power cell profile ok how
to use the star ship power cell
profile basically this is what your power There is a cell
in it, whatever power we have just installed of the star ship,
if we need that,
if we want to use it, so we need to
update our power cell profile,
what to do for that, we need to write this
particular code, okay, come here.
Notepad dollar profile and hit enter
so the moment you do this a pop up will appear in
front of you and by the way this is one thing
which I will tell you later what are these two things
but for now you have to copy these two things
And then you have to paste it, for now
let it be these three, only this particular one which is
visible, copy it and paste it here,
okay, I have already
given it here, you can see it here in
this manner and yes one. Another thing is that
you will see it here and
see it carefully, this is the particular part, this is the
code, where do you have to add it,
you have to add it as per your choice, whichever
drive is there, then the folder remains there by the users.
Whatever your profile is,
whatever is the name of the user, you have to go there,
then find the document, then find the cell and give inside it,
Microsoft.in file is simple, okay, if it is
not there, no problem, I
went to the document, I went to the document, you Are you able to see here we have
these documents? We have this
power cell there. If not then
do power cell and see the spelling. Yes P is
capital A capital though Windows does not differentiate. I
guess but
create a folder inside the document by power cell. And it is
okay to create this particular file, when you create it,
open it, then you just have to paste this thing, it is
simple, nothing,
here I have told you when you
write the profile in Notepad. So this one which is
special, it opens automatically, it
opens automatically, it is okay, it
opens automatically, okay,
so once it is done, right, and when next
time you will
come here. Where on your VS terminal
somewhere you will start seeing something like this,
okay now here is one thing I will
tell you, if still if you are
not seeing it properly then one thing I would
like to tell you is this. Their belief is
that you should have pre-requisites. Pre-
requisites means that before starting any work, it is
necessary for you to have this item,
it will help you in the future, so
you understand it, it is okay, what we
should know and that is nerd. Fts is fine, if I
want, I could have told you about it earlier also, but now
I am telling you that you have to install it, don't
worry, I will give the link to this also,
its link is already given here, it is
not Fts, just nothing to do.
You have to go to Nerd Fats,
whatever you like, download it, like
I have done with Jatt Brains here,
control and then F, we have a Jatt and then
Brains, you can see brother, we have this Jatt
Brains download. Click on it, this will be
downloaded once it is done, when the download is
done, you will see something like this, here
guys, you can see it on the top, you will
extract it, when you will
extract it, then guys,
in actual you will see something like this. It will be visible in the following manner,
we were extracting it because
it was a zip file, now from the zip we have
extracted it normally, now control all this and then
press a, right click
and here we have this part one second
right click a one second Yes guys, I am Joe or
perfect and control and two perfect C, this is
it, this is what the install looks like, right, from
control A, all the fonts are basically from Z brains,
this is fine, no regular, medium,
bold, extra bold, semi bold, italic,
italic, if it remains like this, it is the same. Or if there is nothing else, then
you will just install it by controlling all, select everything, then once you
do this and when you come here,
just close it once on the terminal, when you
come, then you will see the magic that you will get something now in this It must be
visible properly. Okay,
now there may be a problem here that perhaps
you may not be able to see this particular icon.
You may
not be able to see the icon, but you will see this look
when You will also come to the v code editor,
then you will see it in this manner, the only
problem still occurring is
that you are seeing these particular icons
like this icon here, this
icon here of JS. Icon here,
this icon here, this icon here,
you may not be able to see this icon right now, but this
look and feel has arrived, this look and
feel has arrived, this is the icon you are seeing,
this one, this one, basically this one, this one Whatever
it is, you may not be able to see it, so now we
need this. Okay, so here you can see. Now we
need to add the icon to our terminal,
so for that we basically use power cell, so
for that, this is the particular code for it. You
copy, okay, come back to the terminal,
here press control and then b
and hit enter, then we look at this particular eye,
name is the terminal icon, whatever it is,
this is the PS gallery, this will be your installation
once it is installed. Then again you have to click
on notepad sorry or notepad and then profile
again the same thing your
install I mean will open and now this
time this is the particular you are seeing this is this
import a han module a then space han
name space terminal icons Second
time, we have already done this, now you have to
paste it here, okay, you
understand that this is not there at the moment, so
your final file will
look something like this. The line of code is fine,
control a sep, you do it, right now I
have this, so it's okay, when you do this,
now you remove it back,
come here, open the terminal, then when you go here, you will
do LS, then you will get all the number of guys.
Icons are visible. If you start seeing all these things then
your power sale is done but
if it is still not visible in VS Code editor then
what to do. Close the v code editor
also and you will come back to VS Code
ok. So now one thing has to be done, look,
by default, this is the icon that
you see here, of the terminal.
When I go here, this is my power
cell, by default, it selects the new one,
so this is what you see. Do one thing, okay,
now second one, here's
this, if you are not seeing the proper
icon, this icon is not visible properly, there is only one
thing missing, let me tell you,
you will have to go to the settings, okay, I have done this. It
is written here or I have written here whether it is
installed or not. Look,
you have installed it on your system,
but you have to install it on your VCD editor, but you
also have to install it on your VCD editor or
not, I am moving on. I am control and then
comma, I came to settings, so you have to write
like terminal font in this way,
look at this one and don't worry, I have already
written here, I am in settings,
terminal search for integrated font
family, so this is what is here. What you are
seeing is on the integrated font family,
you just have to copy and paste it,
this is what I have done here,
this is what we have to do because we have already
installed this one,
right? This will give you inside a double quotes
j bens mono han nerd han f and by the
way if you like fira code if you like
os world or marette or pop whatever nerd
font you will get everything inside just like
pop ins no font fira Code font or
whatever font you like,
you have to put it here, it should
be font, just do this, control
a save it, although it is not neat and when
you open here and boom guys.
Now you will see everything that I am
seeing here, isn't it so much awesome
and guys, if the video seems a bit strange to you,
oh my God, so many settings, believe me,
you have seen it once, but when you watch it for the second
time. You will see this and you will understand that it is
very simple, like hardly this
is 5 minutes work, I am just saying hardly 5 minutes
work and you will see your system in something like
this, here
I told you everything, no tension. Isn't it
your but who is the editor of V, it will be fun
guys I am really telling you I am ok
so ya guys this is it you clear it
whatever you want you can do here and
by the way automatic suggestion Whatever comes here is also
a different fun, it is a
different fun, whatever you say here, end
yes, one more thing, like I will show you one thing,
if I write cat is there,
end app.js pay is here pay
oh sorry it's not but
index d atl if I do then
look at this so guys let me know in the comment section in the
next video what on your terminal
if you open any file do
you get that If it is visible properly
then let me know in the comment
section, I will tell you how you
can achieve this too, ok but
before that please give 1000 likes to this video and
share it with your friends.
I have a lot of tips and tricks in Believe.
If you want please comment.
I am here to tell you the truth
but I want you to
give me the same amount of love. Okay, so you can see it,
you can't see it. Just you cat
whatever your open file is any one
no end file open any one txt.gz
comment we want more just write this much we
want more or VS code more
settings whatever you feel like you
can write What you are seeing is
so amazing, I will tell you how you
can display it on your terminal, it is
fine even on power cell, so guys,
I will see you till the next video,
guys, thank you so much, take care.
[music]
