Angular Installation

& Configurations
H. M.Sohaib Faoorq
ANGULAR VS AngularJs

Adv. Web Overview – H.M.S.F 2

Tools & Technologies
Download & Install NodeJs

 https://nodejs.org/en/

Adv. Web Overview – H.M.S.F 3

Tools & Technologies
Download & Install Visual Studio Code

 https://code.visualstudio.com/

Adv. Web Overview – H.M.S.F 4

PowerShell Execution Policy
Open “Windows PowerShell”
[Check Current PowerShell Execution Policy]
Follow Link to Understand.

 http://mvsourcecode.com/powershell-ps1-is-not-
digitally-signed-you-cannot-run-this-script/

Adv. Web Overview – H.M.S.F 5

Verify Installations
Open “Windows PowerShell”
 Check NodeJs Version
“node –v”
 Node Package Manager
“npm –v”
 Angular CLI (command line interface)
“npm install -g @angular/cli”
 Angular
“ng --version”

Adv. Web Overview – H.M.S.F 6

CLI for Angular
 ng new ‘ProjectName’

 ng generate

 ng serve

 ng Test

Adv. Web Overview – H.M.S.F 7

CLI for New Angular Project
 npm install -g @angular/cli
 ng new my-first-project
cd my-first-project
 ng serve –o
 ng build my-app -c production

Adv. Web Overview – H.M.S.F 8

Web API Cores
Allow CORES
# NuGet Command : Install Web API Cors
Install-Package Microsoft.AspNet.WebApi.Cors

# NuGet Command : Fix Version Compactability of Cors and Http

Update-Package Microsoft.AspNet.WebApi -reinstall
Install-Package Microsoft.AspNet.WebApi.Core

Adv. Web Overview – H.M.S.F 9

Apply Cors Allow (.Net)
Go to => App_Start => WebApiConfig.cs

public static void Register(HttpConfiguration config)

{
//Enable CORS
config.EnableCors(new EnableCorsAttribute(origins:
"*", headers: "*", methods: "*"));
…………………………………
…………………………………
}

Adv. Web Overview – H.M.S.F 10

Adv. Web Overview – H.M.S.F 11