Welcome back.
Now we're at section to listen to voice code and extensions for Code is a text editor, but it's pretty
much also an idea, which is an interactive development environment.
And there are lots of other ideas, so let's take a look at some of the other ones out there and then
come back to this page.
This is a wonderful page, you can get to top it index and it lists the ones most downloaded essentially
where are people Googling to find the download pages for these?
And Visual Studio, which is Microsoft Visual Studio is number one.
That's not TVs code, but that is a full featured idea that supports a lot of languages that work well
on Windows like Java and C Sharp and C++.
There's also Eclipse Android Studio Visual Studio Code.
That's Vrsaljko, the one we're going to use.
PI charm is really popular as well with Python, and intelligence is also very common and popular ideas
as well.
And there are a few others, very popular ones.
Xcode is for developing iOS applications.
Adam is extremely popular.
Sublime text is extremely popular as just very well rounded text editors, and then there are a few
others as well.
But LVS Code is a very common code editor that we're going to use for the rest of this course.
And it has a ton of extensions and tools that help us organize and format our code.
So let's take a look at.
VS code, when you Google vs code, you'll be able to find this page here.
Clicking on that, you can see the visual studio code.
Code editing redefined, and this is actually built for Windows, Mac and Linux, it's pretty easy to
use on all of those.
And then you can just hit here to download.
And you could choose your operating system, so if you're on Windows.
And I already have it, so I'm going to go ahead and just show it to you once you install it and get
it running.
It's going to look.
Like this, so I already have it open to our project right now, and this is what it looks like.
As you can see, I I've already loaded it with S. to listen to and put some files in here.
But this is Visual Studio Code.
You have all the regular desktop application options and features.
And we can also look at some of these extensions.
So let's come back to these files here in a second and let's just take a look at these extensions.
So I have a few installed that are that are very useful, so you can look at prettier.
There's prettier and then there's a bunch of other versions as well.
This is a this is a very good one, prettier code formatter.
As you see, it's been downloaded nine million times.
It's go and install that.
And there are a few others you can look at, yes, lint.
And this is for LINTANG, which is basically cleaning up JavaScript code, so I'm going to go ahead
and install that as well.
OK.
So they're a bunch of others you can get as well to do a lot of different tools, a lot of different
things for you, we don't need to get into all of them right now.
This is how you get back to your explorer, your file, your file base, and you can search with that.
You can do source control.
So this integrates directly with GitHub and Git and you can run your programs here and a few other options
as well.
These are just integrations for other applications that I have.
So let's go back to here.
If I want to see a preview of this, I have two ways of doing that with Yasko, there is an extension
called live server that you can use to do a live preview in the browser.
But I'm going to do the simple way.
The simple way is just to open a browser window.
And so let me just do that real quick.
So I've got this browser window open, I've actually got it open to the dev tools as well.
So if you right.
Click and hit inspect and you can open up these dev tools.
It automatically put in here just nothing there's nothing in this HTML file it wants there to be, but
there's nothing in there.
So.
So, yeah, we could put something in there, though, and that's pretty much it for this lesson, I
just wanted to show you Visual Studio code.
You can use this to type out code and there's an HTML file intro we can do.
The head, we can do the body.
And there you go, there's a properly formatted HTML file right there.
And then we look at our justice file, we could do whatever we want to in here, we could set up some
variables,
create some string.
Hi.
And say that, OK, and there you go.
This is Visual Studio Code, you can use this to edit your JavaScript files and your HTML files and
any other programming files that you use.
Basically, you can use this as a general text editor and then use it to plan and edit your projects.
And there are lots of tools built in here.
One of the things I wanted to go over is the terminal, so we're gonna learn a little bit more about
terminal in in a future lesson.
But in here you can use the command line tools.
I have been installed, which is for Linux scripts.
OK.
So let's get back to that later, you can set your preferences right here, go to file preferences,
settings.
And there are some things you might want to have in here, you could do an autosave you could do.
So let's just turn that on after delay, so after one second, it's going to automatically save.
And then those settings are automatically saved, OK?
And that's it for today, so that's Visual Studio Code, a very popular text editor that we can use
to edit our files.
So in the next lesson, we're going to get into some browser dev tools.
And how do we actually see the output of these files in a browser and manage those files accordingly?
OK, thank you.
We'll see you soon.