Welcome back.
I wanted to show you quickly another option you have for an editor, and I mean, there are a ton of
options for you to choose from of where you want to write your code.
And I prefer sublime text, but I want to show you visual studio code as well, because between sublime
text and visual studio code, these two are probably the most used most popular code editors for Web
developers.
Now, the way you get Visual Studio Code is, well, you go to their website and just download whichever
operating system you're on.
My case, it's a Mac, so I'll just download that.
And once it's downloaded, I can just unzip it, open it up.
From here, we can just open visual studio code.
And there we have it, nice and easy.
Now, the reason a lot of people like Visual Studio Code is that it's free, unlike sublime text that
allows you to, well, still use it for free.
But every once in a while you get an annoying pop up to purchase the full subscription.
Visual Studio Code actually has really, really nice plug ins and tools to make developing better.
Personally, I like sublime text just because it is nice and simple and clean.
I find Visual Studio Code can get noisy, although you can change things around.
But let me show you how I would set up Visual Studio Code.
First.
Well, we can just create a new file and let's create a new JavaScript file.
If I save this, save it to desktop and we'll call the script.
James.
One of the really neat things about Vrsaljko and let's make this a little bit bigger, if I create an
object here, let's say.
Object.
And this will have a name of.
Sally.
If I go object, Dot.
That's not what I wanted.
Object dot.
You see that I get a lot of suggestions from Vrsaljko.
I didn't have to install any plug ins, nothing at all.
But it detects what this object has as a prop. and it auto completes for us.
And underneath the hood, it's using something called Intellisense, and they give you a ton of suggestions
when you're typing.
As you can see here, for example, if I type in the window object, I see all the methods and properties
that I can access, which is really, really nice.
And people really like this.
And if I make any mistakes in my code, you see that I get that underlined in red saying, hey, there's
something wrong here.
So that's really, really nice and has a few more options.
It has a debug feature that is really nice.
It also integrates with GitHub and source control.
My favorite feature is we can actually open up the terminal in here.
You see that I have my terminal right in my code editor, which is really, really nice.
You don't have to switch between the screens like I do when I use sublime text and ITR, although I
actually like that.
Some people prefer having everything and just one go.
Now, if I was using voice code, there's two plug ins that I really recommend.
And if I go to follow over here or let's go to code preferences and then do extensions, there's a ton
of extension here, just like sublime text.
And one of my favorites that I like using with the code is Quokka.
And I'll show you what it does in a second.
I'm going to install this and I've actually already installed it, so I don't have to click anything
here.
In your case, you might have to click install it, will install it for you.
And once it's installed, I can do something fun.
I can do command shift P or if you're using windows might be control shift B, and it's going to display
the editor's command palette, which again works the same and sublime text.
And if I type in Quokka here.
You see the list of commands that I can use and most like in your case, you want to start a new JavaScript
file.
So if I do this, check out what happens now.
If I create an object, let's say.
Object.
And I start typing, let's say name, you see that it's actually evaluating the script and giving me
any air, so name is not defined.
If I do, name is.
Sally.
All right, everything is good.
And if I start typing things like Sally Dot, hi, I'll say Sally is not defined and it actually evaluates
while we're writing, which is really, really neat.
And I can just have Quokka evaluate what I'm currently writing and look at that.
I see that object has named Sally very, very cool.
So that's a really, really fun plug in another one that I really like.
And now we don't need to save that.
Another one that I really like.
And probably the only other one that I would add is the indent to cater.
And again, I have that already installed, the nice things with the dead dictator is, if you notice
here, I have these lines.
Let's have another.
Object within an object, you see that these lines are being highlighted here, showing me where I am
in the code block, which I find very useful.
And then finally, just like with sublime text, you can change the theme that you have.
So if you go to theme, for example, you have a few default ones and a few others that you can just
install.
So I actually installed Owl.
Which is one of my favorites.
I can see that you can download different themes and customize it to your liking.
That's enough about Vrsaljko.
Everybody has their own favorite code editor.
There's no right one for Web development.
You just pick the tool that you find yourself liking the most and you find you work the best with some
people, like a lot of plugins.
Some people like the simplicity of sublime text.
It's all up to you.
Just customize it however you want, because at the end of the day, it doesn't matter what code it
ed you use.
But if I had to recommend two definitely sublime text or the escott I'll see in the next one, bye bye.