Angular First App

Now that you have Angular CLI installed, let's create your first Angular application!

Step 1: Create a new project
Run the following command in your terminal:

ng new my-first-app

You'll be prompted to add Angular routing and choose a stylesheet format (select CSS for now).

Step 2: Navigate into the project folder

cd my-first-app

Step 3: Serve the application

ng serve

Once compiled, open your browser and go to http://localhost:4200. You should see the default Angular welcome page.

Step 4: Make a simple change
Open src/app/app.component.html and replace its content with:

<h1>Hello, Angular!</h1>

Save the file – the browser will automatically refresh and show your new heading.

Two Minute Drill

Quipoin Menu