Hello again, everyone.
Now, if you remember back that far in the last lesson, we constructed the necessary environment so
that we can prepare an angular project.
So now in this lesson, we're going to take you through step by step and create our very first angular
project.
All right, so now let's have a look at the angular Seelie page.
Remember, we installed the Angler's Seelie via NPM.
So now we're going to create a new project by running the code here, so it gives us this information.
And when we look the documentation section, you can see that we can confirm the explanation, the codes
that we'll use, for example, when we say engy help.
It gives us a list of commands that we can use.
We can also see that you can create a new project just by saying Injinoo.
And will write the name of our project, in fact, we can say that the documentation section is pretty
helpful.
So my suggestion is that if you have any trouble with commands, you can always review it here, pretty
simple to pull up so you don't really have to rely on your memory, but you'll get them right.
No stress.
So we'll use these commands now for our very first project.
So I'll open the command line and run our code.
So here, I'll just specify where to create the project, so for this all right, QD desktop.
So I'll switch to the desktop and now I'm running the Energy Help Command.
Just as I showed you earlier, and we can see the commands there definition's.
So we already know that we can create a new project with a new command.
So I'm writing Engie New.
And for the name of our application, just first project.
So when we run our command, it asks some questions.
So the question is whether we want to create a routings structure or not, you might not know.
So it asks whether we will use more than one page structure in my project.
So I'm just going to say no for now.
All right, so it asks for the style template that we're going to use, like success exos.
I'll choose access and enter.
Now, what you're seeing here is all the required modules are loaded for us.
All right, so this process may take a while.
Don't worry about that, but here you can see insulation is complete.
So now I'm just running the CD First Project Command, and.
We can go to our project.
If you're following along with me.
So now we're going to start the server by saying and serve.
But I want to continue with a code editor that we set up in the last lesson, so for this, I'm running
the code command.
So we'll switch to Visual Studio code editor.
As you can see, our project was open and visual studio called.
So look here we can see all the modules that we've created.
But in this particular lesson, I'm not going to get into the explanation will do that in the next lesson
anyway, I just want to show you something.
So let's run our project now.
We can continue by writing code through the terminal.
So here, I'll open up a new terminal page just by saying terminal new.
And now we can continue our code in here.
And I can run and serve as my command to start the server.
But look, Arco didn't work and I get there, I just wanted to show you the solution so that you can.
You can know it as well when you make that mistake, because it'll happen.
So see, look here, the file that we want to run cannot be compiled, right?
So to solve it, I'll click on settings from the Manege section below and.
And I click on Extension's and then Jason.
Now, from here, I click exit and.
Setting that, Jason.
Now, I'll add this code that I shared with you and save it.
And I'll close it, reopen Visual Studio, and now I'm running and disserve code again.
And our code has begun to compile.
OK, so look, finally here, our first project has been successfully compiled cool, so as you can
see.
How do we get to our project at localhost Port 4200?
Just right here.
So what I'll do is I'll copy this address and paste this into the address bar of my browser.
How's that?
So here is the very first project that we've created and what we did was created the default angular
structure.
All right.
So, yes, my friends, you can see in this lesson that we have now seen how to create a new project
for Agua.
We've also run the first project that we created on this server.
Now, we haven't done any code reviews so far or anything else, so obviously it's pretty simple.
So in our next lesson, we're going to talk about the application structure in ANGULAR and what to do
with it.
I'll see you then.