- We'll be using the Nuxt CLI, to create a new project
that we serve as a project we build throughout this course.
And to do this, we first need to make sure
that we have NPM installed, or Yarn installed.
Next, type the command: npx create-nuxt-app,
followed by the name of the project,
in our case we want to call this learning-nuxt.
Now you can also use Yarn,
if that's your preferred package manager of choice.
The command for creating a Nuxt app with Yarn is
yarn create nuxt-app,
followed by the name of the project.
For this course, we're going to be using NPX
to create this Nuxt application.
So let's run that.
Now we get a prompt asking, oh, some questions
which we have to answer.
The first question here is,
"What's the project's name we need?"
It already suggests learning-nuxt,
which is the name of the directory.
So we would just accept that by pressing enter.
Next, we have to pick a choice of programming language.
And for this project we'll be using JavaScript.
We also have to choose the package manager,
which for now, we'd be using NPM.
For UI Framework, you have a list
of predefined UI Frameworks to choose from.
And picking one of them
will install all the dependencies
and set them up for you.
But this is outside the scope of this course,
so we would choose none.
Nuxt modules allows you to extend the functionality
of your app.
Some modules available with Nuxt includes;
the Axios module, the Progressive Web App module,
and the Content module.
Later in this course, we are going to cover Nuxt modules.
So we'll be skipping these parts for now.
Press enter to continue.
Linting your code helps detect errors
and improves the overall quality of the code you write.
For this project, we'll choose ESlint.
Now this isn't a compulsory option,
especially if you're not familiar with Linting yet.
Feel free to skip this step, if that's your case.
Are we going to be testing our code?
Well, in any other project, I will totally say yes,
because testing is important, but for the purpose
of this course, we choose none.
Now this is where things get interesting.
What rendering mode are we going to use?
We are going to choose Universal,
because we want to deploy our sites as a
Static site generated app, and also deployed
as a server-side rendered app later.
So let's choose Universal.
For deployment targets, we choose Static for now,
but later in the course
I'll show you how to do server-side rendered applications.
Let's skip the Development Tools step for now.
We don't need it for this project.
Since we are not planning to write tests,
there is no need to include a Continuous integration setup.
So let's also skip this step.
We do need to have Version control system,
so we would be selecting Git for this.
Once we are done answering the questions
all the dependencies will be installed,
and the next step is to navigate to the directory
using the command: cd learning-nuxt.
Once we are inside this directory, we can now
run the command: npm run dev,
to start our local application.
Once this is completed
you will get a new application rendered
on this port, localhost 3000.
So, if we navigate here
we would see a new Nuxt application.
There you have it.
We just set up a Nuxt app, with a Nuxt CLI too,
and explored the options available,
when setting up a project for the first time.