Welcome back, my friends.
Welcome to another lecture today, where are we going to do begin to install the Noge is right now in
order to start the OJARS, you need to jump to this page.
No, no, just dot org and probably will give you this.
The first one.
So is going to be English.
Now, here you need to choose the version that you want to install.
Is detecting automatically that I'm using Windows 64 and you can download that version that is being
recommended for most of the users.
But if you for some reason don't think this is right, you can go to other downloads and you can use
Mac.
So Windows thirty to beats 64 beats stuff like that right now.
Install it.
I'm not going to do it.
So here it is using this latest version, it will include the MP and cool.
No I'm going to go to now.
You need to go to open the terminal or command.
Prompt some.
I'm using windows.
I need to open the command from in after the installation of this.
After everything is successfully, you can check the version and how we can do this again.
But no dash be.
So that is the flag and it will say, OK, check me the version and it will give me version eleven point
nine point zero.
Now people thinking why I do have older version.
I have histologies before and I don't mind.
I have the older version, but it will work for me.
Now you need to install the latest version.
OK, also we can check the NPM Dash V because it's coming together.
So my version is sixty six point four point eight.
Now, maybe mine is better than this one, right?
I don't know.
So what else we can do here now?
If you already have the no JS installed, what you can do if you want to update it to the latest version,
you can see NPM.
So you don't need to do this guy.
Just watch me install NPM at latest latest dash g g stands.
The flag of these flex stands for globally and it will enter, it will install the latest one.
OK, cool.
Now what I want you to do guys, after this, after installation, if you don't see any of this, this
means that something is wrong.
You need to restore it and do it again.
Right.
You need to see this.
OK, now what we can do here is basically we can go to the desktop, KDDI desktop and I can go straight
to the MAPI starter.
OK, download this file if you don't have it and put it on your desktop and I'm just going to open it
here.
It is mine and we can see that the two directories there, distribution and source, nothing else.
So I'm going to go there.
So I haven't shown you this last time when we use the terminal.
But you can also if you know the pad, you can just type it like this and it will go to the folder that
you put it here at the last place.
OK, no, when you do install package that Jason file.
Right.
So why what is this file?
This file is we need actually this file because this file we will contain all of the information about
our projects, including the script.
So how we can install the M the package that Jason.
That's why go from the desktop.
I went to the map you started.
So you need to be there and you can see NPM in it and it will give you now options.
OK, package, name say MAPI project.
You can put any project you want he enter diversion.
Good description.
You can put a description.
I'm not going to do it.
Entry point.
Still good.
Enter enter keywords enter through.
You can put your name here license.
You don't have to worry about it.
And is this ok then.
Yes.
Hit enter again.
That's pretty much it.
Now let's go back to the file.
To the folder.
Oops.
And I do have this package that Jason right.
So I can open my text editor.
You can use any text Ed you want and you need make sure that you open the map you started.
Right, which I already have.
And this is the back of Jason file.
Now it contains scripts here.
You don't have to worry, contain the author.
Everything that we did hear.
The name is MAPI Project and stuff like that.
Now, why are we going to need this?
OK, now what we need to do is actually we need to install here.
Here we are going to install the tools that we're going to use.
So first tool that we're going to use is called [REMOVED].
So how are we going to install this?
We need to go back to the terminal.
So, ladies and gentlemen, you need to follow me with this process because this process is a little
bit boring, but it will teach you a lot of things and it will be seen for most of the projects you're
going to work in future.
Right.
So this is a workflow.
So we need you need to do it like this and you can install.
Later on, when you more when you're a better developer, you can start different packages and you can
use them, right.
But you will know how to use those packages.
OK, now we're going to need to install the web back.
So in the terminal type AMPM, see that everything you start with npm install web back safe def.
So these save that flag and now it will go go it like here.
So I probably need to pause the video.
Right.
OK, might it install.
You don't have to worry about this here, at least if you don't have any errors that's a good sign.
Right.
So found zero vulnerabilities and that's pretty much it.
Now we can go here and say that.
See that in the package that Jason we do have now def dependancy call web back and this is the version,
OK, now safe def means that we will see this web back web back as development dependency of our project.
Now, after we installed this, we can see that there is another fooler called note.
Modules in this note module contains a lot of things.
You don't have to worry about it.
It's too much.
Right.
I know now when we install something here, that's why these note modules folder is going to be expanded.
A lot of things that we hear.
So make sure to please understand that these are the dependancy from this.
So these Klepec has its own dependencies that leaves in these note modules.
Now, this note modules is very big.
So if you try to say to send some this code to someone else, this project or some some someone else
or to some other team, and if they want to work, you don't have to send these the note modules because
it's too big, too many files.
We're going install a lot of things here.
It will add more things into this.
And you don't have to.
You need to only.
And it will also create back Jason Lock, which I haven't mentioned.
Don't worry about this one as well at this stage.
Now, this package, though, Jason, you need to send it this only and I'm going to show you what I'm
going to do.
I'm just going to delete this one here and I'm going to move it to the recycle bin.
It will take probably a while.
Oh, yeah, it was quick.
Now, how I'm going to send everything that I have, including this package that Jason file in when
the other developer developers see what I have done and they will say, OK, he have only [REMOVED] development,
but I don't care.
Maybe I will have five more dependencies here.
So the basic thing that he needs to do is just to go back and say NPM install in what it is, NPM command
install.
It will go through this package, Jason file.
It will find all the dependencies and it will recreate these new modules folder.
That's why I'm saying that you don't have to give to other people these node modules folder.
Right.
Press enter and see what will happen.
Right.
Pretty much it's going to go there.
Here is the note modules is starting to appear with all of these dependencies for this.
Now, as I told you this, that means that the weapon is development dependencies of our project now.
So this is the development tool that I mentioned a couple of lectures before.
So it's not a library now package.
Jason will also record all of the other dependencies and tools that we are going to install in future.
This file is also, as I told you, that you need you can hear it and you can use it.
But any other developers here know you need to remember that no modules folder you don't have to supply
to anyone else.
Right.
It's to be no one else we can do here.
So if you want, we learn how to install dependencies.
But if you want to uninstall it, for example, you made a mistake and you want to uninstall the web
back, you can see NPM on uninstall and you can see Web back, dash, dash, Sèvres def.
And if you enter, it will uninstall this one and it will not contain anything here.
This is how you uninstall any package.
You need to use the word NPM uninstall and then the package name that you have already installed before.
Right now you know how to install, you know how to uninstall things.
And what we need to do is to pretty much do you stole other dependencies that are not locally.
So I need to tell you that all of these dependencies here, so you need to know that dependency that
we install, regardless if you save Dev or just development or just save because we can use other Fuge
in future, you will see that we can install all.
Her tools here without these saved Fleck, right, so I can go up and up an error so we can install
it only just as safe, and that will be installed as a dependency, not as development dependency.
And we will see how to do this in future.
You don't have to worry about it.
But all of these dependencies, regardless if they're saved, therefore just save the elite localising
our computer here for this project, actually.
So if I create another project, I will not be able to use all of these here.
These are for these project only for this one, for the MAPI project, not anything else.
We can use them, OK, but they are dependencies that we can install that can be globally, can live
in our machine and we can use it in different projects here.
Now the one that we need is called a live server.
So how we can use it, install it.
This one, this is globally.
So npm install live server dash dash global.
OK, so I'm going to hit enter here.
Now if you are using Mac and you've used some for some reason you do have a problem here.
You need to prefix this one to Pizzuto.
I'm going, I'm just going to tell you so I'm going to say sudo here npm install live server dash dash
globo in this flag means it will be global.
Not in.
That will be for our specific project, but we can access it pretty much everywhere.
Good.
So this is for Mac if you do have some permission problems.
Right.
So how we can test this out now if you go back to the back Jason file.
See nothing is added here.
Why?
Because this was global dependency that we installed for our project and we can use for this project.
Actually, we can use for any other projects in future.
OK, so how we can start this one.
So these live server is something that we use before here.
Right.
Let me just move this one here.
We do have go live and that is going to mimic the same same thing that we had before.
But we're going to do it through NPM here.
I don't need this, actually.
You will see why now how we can test this out.
OK, we can just run it and say live server and let's wait for a while.
OK, here it is.
So it's not going to open anything else.
It's going to open our directory here.
So it's opening actually this here.
Right.
But it's a hundred twenty seven point eighty eighty and if you go here, it's been serving users mapi
stare at and it give give us that you are out.
OK, so this is a local server that we can use and everything every time we change something here,
this one will refresh.
Right.
How we can get out from the terminal.
I need to tell you that A control C control C sometimes is taking a while here.
It controls C terminal batch job and you say yes and that's pretty much it.
Now this will not be able to refresh all the way.
No, that's pretty much at least all we know is we create this package that Jason, we install the Web
back, you know how to install any and install dependencies.
Some of these dependency will be only for development purpose.
Other will be developed will be different dependencies like the one that we have with the live server
that can be served globally here.
And these dependencies are only for this project.
But the global dependencies that we install here like this, there will be for for other projects as
well.
They can be used for other projects.
And if you have something like this warning, you don't have to worry about it.
It will say that some of the files or the packages are depreciated, depreciated yet, and that's pretty
much it now.
Thanks very much.
Thanks.
Thank you very much for watching.
And we'll see you in the next one.