Install Angular on Windows

Step 1: Install Visual Studio Code

Download and Install latest version of Visual Studio Code in Windows from url https://code.visualstudio.com/download

Click Image to Zoom
Step 2: Install Node.js

Download and Install latest version of Node.js from url https://nodejs.org/en/download

Click Image to Zoom
Step 3: Install Angular CLI (Angular command line interface)

Create a new folder named OctopusCodes.com. In Visual Studio Code, select the folder just created. Press “Ctrl + Shift + P” to open the command palette. Type “profile” in the searcher. Select “Terminal: Select Default Profile“. Select “Command Prompt

Click Image to Zoom

Type the command “npm install -g @angular/cli” on the command prompt and press enter to install Angular CLI

Click Image to Zoom
Step 4: Create Angular App with Angular CLI

Type the command “ng new AngularOctopusCodesCom” on the command prompt and press enter to create new Angular App. Press “y” to create routing in Angular App.

Click Image to Zoom

select “CSS” from the list to generate css file.

Click Image to Zoom

Angular project structure after installation.

Click Image to Zoom
Step 5: Run Angular App

Type the command “cd AngularOctopusCodesCom” on the command prompt to select AngularOctopusCodesCom folder

Click Image to Zoom

Type the command “ng serve –open” on the command prompt to start the application and automatically launch it in a new browser window.

Click Image to Zoom

Now, Angualr App is running in browser at url http://localhost:4200 

Click Image to Zoom