Angular Getting Started

Now we are done with the Angular installation part. In this article, we are going to learn how to create a new Angular app and serve it into the browser. Let’s get started and create our first Angular app.

Create Angular Application Using Command-Line (cmd/terminal)

The commands/steps to create and execute your first app are given below.

Step 1: Open your window terminal and run the command:

ng new my-app
  • my-app is the name of our app
  • ng new is used to create a new app.

create angular app using ng new command

Step 2: Then select the stylesheet you want to use in your project.

choose stylesheet for angular project

Step 3: Now we need to move to our project directory and run the below command to serve.

cd my-app
ng serve --open

ng serve command to run angular app at localhost

  • We use cd to change the current directory to our project folder.
  • ng serve is used to build, rebuild if any changes are made, and serve it.
  • –open is used to open the browser.

Now it will open into your default browser at (http://localhost:4200) path which is Angular-CLI’s default serving path.

angular default web page as output after ng serve

Let’s print Hello World to check whether it is working or not. Let’s open it with a suitable IDE and do it.

  • Go to src folder
  • Then open the app folder
  • And then open component.html
  • Write the code in the file to print Hello World in angular.

hello world code in angular

  • Save it and check the output in your browser.

hello world output in angular

Conclusion

In this tutorial, we have learned the most basic yet important topic of Angular. In upcoming articles, we will move into the various topics of Angular and how it actually works. Throughout this tutorial, you will be learning Angular from basics to advanced step by step and can make your own app at the end.

Leave a Reply

Your email address will not be published. Required fields are marked *