build first angular application

      

  Generating an                                                            Angular 5 Application

Angular 5 applications are faster, lighter, and easy to use. They have material design capabilities to build beautiful and intuitive UIs . 

To get started with Angular CLI, it is required to have Node installed so that we can use the NPM tool. Executing following NPM commands generate an Angular 5 application named  'Angular-five'. 

Create a new project

open a terminal window.
Generate a new project and default app by running the following command.

ng new Angular-five


The Angular CLI installs the necessary npm packages, creates the project files, and populates the project with a simple default app.

Serve the application

Go to the project directory and launch the server.

cd Angular-five

ng serve -o

The ng serve command launches the server. 

Using the --open (or just -o) option will automatically open your browser on 

http://localhost:4200/. 

Edit your Angular-five application 

Lets change the title property from 'app' to 'My first Angular app!'. 

First open angular component . First angular component created for you . It is named app-root and it is root component , it is in ./src/app/app.component.ts 

Open the file and  change title as below, 

export class AppComponent { 

 title = "My first Angular app!"; 

 } 

So when changed browser reload automatically with new title. After reload its show ‘Welcome to My first Angular app !’ top of the angular image icon. 

              Welcome to My first Angular app ! 

 

Install Angular

Set up the Development Environment

You need to set up your development environment before you can do anything.Install  Node.js® and npm if they are not already on your machine.
watch video

https://www.youtube.com/watch?v=KKviZ_88ggs


Verify that you are running at least Node.js version 8.x or greater and npm version 5.x or greater by running node -v and npm -v in a terminal/console window. Older versions produce errors, but newer versions are fine.

install the Angular CLI globally. 

 

npm install -g @angular/cli

 

Create a new project

 

Open a terminal window.
Generate a new project and default app by running the following command.

ng new Angular-five


The Angular CLI installs the necessary npm packages, creates the project files, and populates the project with a simple default app.