I can see we are making some progress after the download and installation of the Visual Studio Code.
Now it's time to open for the first time and enable a few extinctions.
Those extinctions, they're going to help us to write a better code and especially test JavaScript locally.
So I have my Visual Studio code open over here.
There is a welcome message.
You can leave that open or close on the X and on the left hand side, the folder project.
We don't have any project right now, so let's just leave like that.
On the left hand side, you do have a few icons.
The first one is for explorer and then search and source control and so on and so forth.
But the last one in here is the extinctions.
So make sure you click in extinctions.
And from the extinctions point of view, those are plugins that you can install into the Visual Studio
code and they do different tasks.
For example, they help us to write a better code or changing the icons or run a live server.
So my first one here is called Material Icon.
That's the one material icon theme.
So what you have to do is click on the material icon theme and click into install.
This plugin or extension will set special icons for every single file that we can create in our inside
of our project.
And it's going to be much easier to visualize later on.
So this is the first one installation is done, is very quick, is very easy on set.
The next one is the live server.
So when as soon as I type live server, let me just remove this live server.
This is the extension that I'm looking for.
Launch development local server and then click over here, click in install and the installation will
be done in a few seconds.
Great.
So this is the live server.
Why do we need the live server?
JavaScript runs on top of any web browser.
So in our case we're going to choose the Google Chrome.
You can pick any other one, but I believe Google Chrome is the easiest one to work with JavaScript,
especially when you are creating projects and into a development state.
So live server builds a web server locally in your machine so you don't have to set it up a server,
a separate machine.
And every time you update your code or you create a few lines of code, you have to copy across.
So you don't have to do anything of that.
Everything is going to be running into your local machine, plus the auto refresh.
Every time you change your code, you can see live how this code looks like.
So make sure you install the two extensions throughout the course we make and install new ones and other
ones.
But right now just the live server and the material icon and I see in the next class.