- [Instructor] In any realistic application,
you would probably want to install
some additional n modules,
so we're going to take care of that by installing a few things.
First off, we're going to install Bootstrap.
This isn't an HTML or a CSS design course,
so Bootstrap is going to make it easier
to scaffold and build your application
without worrying about a lot of design things
and even HTML.
So Bootstrap does have some dependencies
that we're going to need in addition to it,
mainly j Query.
The current version of Bootstrap uses J Query.
We're using version four of Bootstrap
so it does require this libary.
And it also requires something called Popper dot JS,
which we will install as well.
In addition to that, we're going to need a few icons
in our application.
Bootstrap no longer comes with those icons,
so we're going to install the Font Awesome library.
You can find out more information about this at this URL.
We'll also install a cummon libary
for dealing with arrays and objects.
It's called Lodash.
You can find out more information at this URL.
And we're also going to install something called Axios,
which is a promise base library
that a lot of UJS users that use
to do things like Ajax.
So let's go ahead and do that.
We're going to switch back over into our project.
I'll use the built in visual studio code terminal
that is right here but,
you can use another terminal if you're using that.
And I've got my automated process ronning here so,
if that's the case go ahead and Control C.
And we'll clear this out,
and we'll preform a number of installations here.
I'm onna do em in sequences.
So first off, I'm going to install BootStrap
and its dependencies, so we can run an NPMI,
minus minus save.
And then install Bootstrap jquery and popper dot JS.
Once that's done let's go ahead and clear this out,
and do the next batch.
We'll do NPMI also save, and then install lodash
as well as moment, and axios.
And now that that's done, let's go ahead and clear this out
we'll do one last batch,
this one is a bit challenging because the names are so long.
So we'll do NPMI save. And then at fort awesome,
and then you'll need to do slash, font awesome dash free.
And I'll do a space here.
I'm going to copy most of this.
Then do that. And then dash, SVG core
And then I'll paste that again.
And this time I don't need all that, I'll just need free
solid SVG icons.
And finally, I'll need a version of font awesome for View JS
so, this'll be view dash font awesome.
Cool! Let's go ahead and clear all that out.
So as you can see, all of those got added as dependencies
here and we are running the different versions that you see
here of these modules.
They've also been added into the node modules folder.
And they will be available to our application.
We'll actually work with them later.
Let's go ahead and run the server.
NPM run serve. And this'll start our application server,
for development.
If you already had this loaded on your page,
refreshing it will just show you the same application.
It's always a good idea ta start each video
with this already running in your terminal.