Categories: JavascriptWeb

Angular – How to Create Your First Angular App

This blog represents concepts and commands which would help you setup development environment to build Angular apps.

Introduction to Angular CLI

Angular CLI is a command line interface for Angular. With Angular CLI commands, the following are some of the key functionality which can be achieved using Angular CLI commands:

  • Create an application that follows best practices recommended by Angular. ng new command is used.
  • Test the app locally as you develop. ng serve is used.

Greater details can be found on this page, Angular CLI. The documentation in relation with Angular CLI can be found on this page, Angular CLI Documentation.

Install the Angular CLI

The following command can be used to set up Angular CLI. The command is applicable for unix systems:

sudo npm install -g @angular/cli

sudo is used for administrator privilege.

Create Your Angular App

The following command can be used to create your Angular app:

ng new tutosphere

The above command will create an app, namely, tutosphere. Following screenshot represents the command execution.

Figure 1. Create New Angular App

Note that a folder with app name will be created. In present case, a folder with name, tutosphere, will be created.

Run the App Locally

Finally, test the app by running it locally using the following command:

ng serve --open

Above would deploy the app on node server, and, the same can be accessed in browser at URL such as http://localhost:4200. Following is the screenshot of the page accessible at URL such as http://localhost:4200

Figure 2. First Angular App

The details such as above and much more can be obtained from my book, Building web apps with Spring 5 and Angular. Grab your ebook today and get started.

Ajitesh Kumar

I have been recently working in the area of Data analytics including Data Science and Machine Learning / Deep Learning. I am also passionate about different technologies including programming languages such as Java/JEE, Javascript, Python, R, Julia, etc, and technologies such as Blockchain, mobile computing, cloud-native technologies, application security, cloud computing platforms, big data, etc. I would love to connect with you on Linkedin. Check out my latest book titled as First Principles Thinking: Building winning products using first principles thinking.

Share
Published by
Ajitesh Kumar

Recent Posts

Large Language Models (LLMs): Four Critical Modeling Stages

Large language models (LLMs) have fundamentally transformed our digital landscape, powering everything from chatbots and…

2 days ago

Agentic Workflow Design Patterns Explained with Examples

As Large Language Models (LLMs) evolve into autonomous agents, understanding agentic workflow design patterns has…

3 days ago

What is Data Strategy?

In today's data-driven business landscape, organizations are constantly seeking ways to harness the power of…

4 days ago

Mathematics Topics for Machine Learning Beginners

In this blog, you would get to know the essential mathematical topics you need to…

1 month ago

Questions to Ask When Thinking Like a Product Leader

This blog represents a list of questions you can ask when thinking like a product…

1 month ago

Three Approaches to Creating AI Agents: Code Examples

AI agents are autonomous systems combining three core components: a reasoning engine (powered by LLM),…

1 month ago