Getting Started with Angular CLI

Hi Friends,

In this section, I am going to talk about ANGULAR CLI (https://cli.angular.io/). This is fairly simple way to get started with Angular 2 Development.

263th

Therefore, in order to get started with CLI commands. Obviously, we need to run few commands, they are:-

10th

Let me explain the same step-by-step:-

With NPM command, first I initiated installation of Angular CLI.

1st

 

2nd

Once, the same gets installed, it will show the above tree kind of structure. Thereafter, I created new app as shown below.

3rd

Once, the same gets created successfully, then it will show the below confirmation message.

4th

After that, in order to launch the app, just need to use serve command as shown below.

5th

With the above command, this will prompt for firewall access for first time, depending on your security settings. Then, it will display below confirmation message.

6th

Now, when I navigate to http://localhost:4200/

It will produce below output.

7th

Also, when I open the app, with Code, it will show below structure and codebase.

8th 9th

This one is generated on updated Angular-2 stuff. Hence, no worries. I hope you would have liked this discussion, in order to get started with Angular-CLI. Thanks for Joining me.

Thanks,
Rahul Sahay
Happy Coding

2,320 total views, 3 views today