Search Tutorials


Angular 4 Tutorial - Hello World Example | JavaInUse

Angular 4 Tutorial - Hello World Example

In this chapter we will create an Angular 4 Application using angular CLI. angular CLI is a very useful tool wich allows us to initializing angular projects, generating components, routes, services, pipes and more using simple terminal commands.

Angular 4 Tutorial - Table Of Contents

Angular 4 Hello World Program Angular 4 Tutorial - Creating a Components Project Angular 4 Tutorial - Routing Project

Lets Begin

Open Command Prompt and execute the following command to install angular CLI-
npm install -g angular-cli

angular4-1_1
Next we set up and create a new project-
ng new helloworld-app

angular4-1_2

Go to the created folder helloworld-app and use the following command to start the application
npm start

angular4-1_3
Now go to localhost:4200-

angular4-1_4
 

See Also

Removing the # from the AngularJS URL Use Google reCaptcha with AngularJS Use AngularJS NgCloak directives Example PrimeNG-UI Components for AngularJS 2 Basic Example