Prerequisites

Code changes

Node Installation

The Angular team maintains Angular’s compatibility with evolving Node.js versions. Make sure your Node version is compatible with the Angular version you’re using.

1. Open your terminal and run the following command to get the current version of Node.js installed on your system:

   node -v

2. Check the first line of the matrix compatibility table that your Node version is compatible with the Angular version.

IDEs

If you don’t already have an IDE, we recommend using Visual Studio Code or Webstorm for this course.

Visual Studio Code

1. Download the Visual Studio Code installer from the Visual Studio Code website

2. Run the installer (the .exe file you downloaded in the previous step).

3. Follow the installer instructions (accept the license agreement, click Next several times, and accept the default installation settings).

4. Restart your computer. You won’t be able to run Visual Studio Code until you restart your computer.

5. Test Visual Studio Code. To see if Visual Studio Code is installed, open Windows Command Prompt, PowerShell, or a similar command-line tool, and type code --version. This should print a version number, so you’ll see something like 1.35.1.

Angular Language Service Plugin

The Angular Language Service plugin provides a rich editing experience for Angular HTML templates, both inline and external HTML templates, including:

• Auto-completion
• Error checking
• Quick info and navigation to definition

Installation

1. Open Visual Studio Code.

2. Click on the Extensions icon in the icon bar on the side or type Ctrl+Shift+X.

3. Search for Angular Language Service.

4. Click the Install button.

5. Restart Visual Studio Code.

Webstorm

Webstorm is an IDE offered by JetBrains that has been free for personal use since 2024. It provides a comprehensive development experience.

Installation

1. Download the Webstorm installer from the JetBrains website

2. Run the installer (the .exe file you downloaded in the previous step).

3. Follow the installer instructions (accept the license agreement, click Next several times, and accept the default installation settings).

4. Test Webstorm by opening it fromthe Start menu or by searching for “Webstorm” in the Windows search bar.