Getting Started

Getting started with Angular involves a few key steps to set up your development environment and create your first Angular application.

Install Node.js and npm:

Node.js is a Javascript runtime that allows developers to run Javascript code outside of a web browser. npm (Node Package Manager) is a package manager for Node.js that helps us to manage dependencies and libraries for our projects. We can download and install Node.js from the official website:

Example:

Install Angular CLI:

Angular CLI (Command Line Interface) is a powerful tool for initializing, developing, scaffolding, and maintaining Angular applications.

Example:

To Install `@angular/cli` globally on our machine. we can use the below npm command for the same:

Example:

Create a New Angular Project:

Use Angular CLI to create a new Angular project. Open your terminal or command prompt, navigate to the directory where you want to create your project and run:

Example:

This will create a new Angular project named `my-first-angular-app` with the necessary files and folder structure.

Example:

Navigate to the Project Directory:

After the project is created, navigate into the project directory:

Serve Angular Application Locally:

We can serve our Angular application locally using Angular CLI's development server. Run the below command to start serving Angular application locally:

This will compile the application and launch a development server. we can access an application at `http://localhost:4200` in our web browser.

Explore the Project Structure:

Take some time to explore the project structure created by Angular CLI. Key directories include:

Make Changes and Experiment:

Now, We can start making changes to our Angular application. Open the project in your favourite code editor and explore the code generated by Angular CLI.

Modify the components, templates, and styles as needed.