Angular JS Environment Setup

Here you learn how to setup Angular Js in local web project development environment, basically getting familiar with AngularJS library, where to download and how to get started with!

Though there are many utility for different SDK, but still we explore with manual process to include reference in project, so let's look at different ways to start with Angular Js

Angular Project Setup in Core
Approach 1:
Simply go to, and download the latest js file.

angularjs setup

The simplest way to get started with CDN reference, alternatively you can download the file and add to local folder (angularjs/1.7.7/angular.min.js) and give reference from there

Approach 2:

If you create a Angularjs project in core framework, there you get multiple modules for


File => New => Project => Asp.Net Core Web Application => Angular
         "@angular/animations": "4.2.5",
            "@angular/common": "4.2.5",
            "@angular/compiler": "4.2.5",
            "@angular/compiler-cli": "4.2.5",
            "@angular/core": "4.2.5",
            "@angular/forms": "4.2.5",
            "@angular/http": "4.2.5",
            "@angular/platform-browser": "4.2.5",
            "@angular/platform-browser-dynamic": "4.2.5",
            "@angular/platform-server": "4.2.5",
            "@angular/router": "4.2.5",

All above modules reside in a folder called "node_modules" in same level of "wwwroot".
If you open a module folder you may see there are multiple folders and files like js and metadata json files

You should take a look at the sample angular project for better understanding

Angular JS Filter Service
Learn Angular JS: JavaScript framework for single page application.
JavaScript Framework
Angular JS Examples | Join Asp.Net MVC Course