Create Your First Angular Using Angular CLI 17.0.6, Node: 20.0.1, npm 10.2.3 on Windows

Angular 17 was released on 6 November 2023, and I wanted to build my first app. Here are the details to help build your first angular 17 app.

If you already have experience with previous angular versions, then this is pretty much the same, except for a few advanced features that are asked to be enabled if required.

Angular 17 has a new look, and it sets some new features in place for developers and performance.

Angular17 provides well-managed documentation too.

Creating a new Angular 17 App

Prerequisites

Install the latest NODE JS LTS. I have used 20.10.0. This can be downloaded and installed from https://nodejs.org/en.

Make sure to check the set Path in the Environment Variables option while installing.

Angular CLI, which is also a prerequisite, will be installed as part of the node js installation.

Once the installation is done, you can check the node version installed using cmd.

Open cmd and type "node -v". below screen shot shows the version i have installed.

Once Node js is successful, the next step is to install Typescript.

Try running the cmd in admin. i know i had to do it since there was restriction on folder permissions. If you are working behind a proxy, I have a few steps below for that.

Run the cmd "npm install –g typescript".

If the following errors occur. SELF_SIGNED_CERT_IN_CHAIN.

I used this cmd to bypass the cert, which is above error. "npm config set strict-ssl false" This will set strict ssl config to false.

Once the installation is successful, it will look like the below screen showing the successful installation.

Run the command "npm install -g @angular/cli@latest" as shown above the screen.

It does say about funding which is to ask for funds. Some of these packages installed are probably asking for funds. (optional)

You can check the version installed using the command "ng version"

At this point, The Prerequisites are completed, and you can start creating a new Angular17 application using the command "ng new {APPName}".

While creating a new application, CLI will ask about the Type of Styling you would like to use and if you need to enable Server-Side Rendering (SSR) and Static Site Generation (SSG/Prerendering).

Server-side rendering is used when there needs to be user interaction with the backend.

Use the command to run the application ng serve –o. It will open up in your browser at http://localhost:4200/.

Thank you, and Hopefully, this article helped you get started with creating an angular 17 application.