>> Hi. I'm Burke Holland.
Oh, and then you say,
"I'm Elijah Manor." Hi. I'm Burke Holland.
>> I'm Elijah Manor.
>> We're here in historic downtown Franklin,
Tennessee at Gray's on Main to bring you
five Visual Studio code extensions
that you got to know about.
That was good. All right. Here we go.
By good, I mean I'm good.
Here we go. Extension number one is called GitLens.
It has Git in the name so I'm assuming
it has something to do with Git.
>> Yes. So if you use Git it in your workflow,
it's a really handy tool to use.
You just install the extension and immediately,
you start seeing stuff annotated in your files.
So, if you look at the top of the file,
it'll say who changed it last,
when it was and then
as you change your cursor through the file,
it will actually tell you who touched that line last.
>> So, I think it would be like, "Who wrote this?"
Crack a piece of code. Oh, it was me.
>> Oh, right. I thought I did it.
>> It was you.
>> Well, we'll we take turns. Right. That's good.
>> Well, they say write code for the moron who's going to
be maintaining this later and
the moron is most likely going to be you.
>> One of us.
>> You, right.
>> Oh, okay.
>> Well, you, meaning me.
>> Some other features that are nice, and the side panel,
you could easily expand
the different stashes you might have,
which I'm always forgetting.
Oh, yeah what's in my stashes?
>> Oh, yeah. Git stashes like
a black box you throw it in there.
it's like a junk drawer.
You don't want to look in there because you're afraid.
>> I know you're afraid to look.
Anyway, that's nice and also you can look at
your branches and just some nice tools for Git close.
>> Nice, should have been on "Do Not Disturb".
Extension number two is called Version Lens.
How is that different from GitLens?
>> While GitLens focus on Git flow,
Version Lens is really all about the package JSON.
If you're doing node,
your packages are probably getting out of date.
>> Oh yes.
>> If you go to package JSON, it'll
annotate the whole dependencies list,
and you'll only do the part that you're seeing.
So, it's not going to get
all the information for every package.
But why don't just say a little bit at
the top like, "Are you up to date.
Is there a new version within
the range that you specified."
It will actually tell you if there is
a version outside of the version range,
so maybe there's the latest
version you didn't know about.
>> So, it'll actually tell
you inside your package JSON file,
which packages are out of date, visually.
>> Yeah. then you could click a link like "Yeah,
I do want to install it now."
>> Nice, I am going to
download that one, I didn't know about that one at all.
Extension number three and this one is one
of my favorites, Prettier.
What is Prettier and why should we use it?
>> So, Prettier focuses just on styling your code.
Now, whether that be JavaScript, HTML, CSS, Markdown,
they've started doing that as well which is pretty cool.
>> Oh, they started Markdown now?
>> It's really opinionated
so there aren't many options
to control it. It's just boom.
I have a pretty code, it looks formatted well,
and it doesn't concern itself with like ES lent rules,
or is this right or not.
It just makes it look consistent.
>> Well, it's really nice,
especially when you have large teams of
people and everybody's you
put the brace on the same lines,
build with the brace on the next line.
You don't have to worry about any of that anymore
because Prettier's going to worry about that for you.
There's another extension in
case you want to toggle Prettier on or
off called the Formatting
Toggle, I believe it's called. Right?
>> Yes, it's a little less known,
but I use it a lot because I switch between
projects that sometimes use
Prettier, and the other ones don't.
>> Right. when I come back to,
it's usually on the weekends I
use Prettier, in the network, we don't.
So, if I come back and I have
my settings set to automatically format,
it just messes up everything I'm doing.
>> Right, you just click "Save" and I was like, "Wow."
>> Oops, I didn't mean to do that.
So, this is just a nice little thing
that sits in the tray.
Just click it to turn it
off and then you just keep going.
>> Nice. Very convenient.
Why don't I have a Surface, I work in Microsoft.
Help me out Sacha. Maybe I'll
just email him and ask for a Surface.
"Hey, dear Sacha."
>> I'm sure, he doesn't give them very many emails.
>> Probably not. Extension number
four is called Setting Sync.
This is a super popular extension.
What does it do?
>> If you're like me and you're toying around with
your editor and I always have tons of extensions,
sometimes it's nice to remember to back those up.
The Setting Sync lets you
back those up into like a Gist in GitHub.
So, that way you could always be in sync.
If you get lost or you could share with
friends like, "Hey what?"
Oftentimes when I record videos,
people ask me what font am I using,
what extensions are you using and
it's just a nice way to be able to share it out.
>> Just hand it to him and they can install that.
It also syncs your theme by the way,
so it'll bring your theme down as well.
It's very handy for Teams as well.
If you want to create a
just that has all of the settings that you
want everyone to have in their IDE
for formatting if you're using Prettier.
>> I haven't thought of that.
>> Yes, so you can
check them in source control and then just give it
to new people when they show up and
boom, they added their script for me.
>> Pretty much covered it everyone the
VS Code of every works.
>> Well, there is only way, "Oh, add where you were."
I was going to say there's
only three people left in the world
that don't use VS Codes.
>> Pretty much.
>> For those three people. We're glad you're here.
Extension number five.
It's actually not an extension at all.
It's a theme and it's called Cobalt2.
It's by a guy named Wes Bos,
some guy, I never heard of him.
>> He's not in the States.
>> No. Anyway, so it's called Cobalt2,
and why is it so great,
and why should I install it?
>> Well, there's tons of things out there and I've
looked at a lot and I tend to go the dark.
I get into my preferences and go to dark things.
But, I just didn't find a really good one I liked.
But then I was like, "I'll just try Wes's."
He's one of those rare people that's
a good developer and designer
and he put a lot of thought into it.
I don't know, it just looks good.
It's easy on my eyes. I just like it.
>> Yeah, he's a really great talent.
Of course, you were joking before.
Everybody knows who Wes Bos is.
If you don't, you should check out his site.
He's got a bunch of great courses,
free training materials,
and of course the Cobalt2 theme for Visual Studio code.
Actually, scientifically speaking,
his theme is better for
your eyes than most themes because it's a
dark blue with a bright yellow text,
and that according to science is-
>> Well then, we must use it.
>> Right. Because science says,
science says that you will use Cobalt2. I'm Burk Holland.
>> I'm Elijah Manor.
>> That's five extensions for Visual Studio codes.
>> Well, that's four and a thing, right?
>> Why would you do that, Elijah?
>> Sorry. Five.
>> Five extensions.
>> Burk's right.
>> For more information about
VS Code and VS Code extensions,
you can check out the site vscodecandothat.com and
make sure you subscribe to
Elijah's Manorisms YouTube channel.
>> Like, comment, subscribe.
Like, comment, subscribe.