Support us .Net Basics C# SQL ASP.NET Aarvi MVC Slides C# Programs Subscribe Download

AngularJS intellisense in visual studio

Suggested Videos
Part 26 - AngularJS route configuration
Part 27 - Remove # from URL AngularJS
Part 28 - AngularJS default route



In this video we will discuss how to get intellisense for Angular in Visual Studio. This is continuation to Part 28. Please watch Part 28 from AngularJS Tutorial before proceeding.



In the previous videos if you have noticed as we were typing the angular code in Script.js file we were getting some intellisense but it definitely is not good though. For example when we type $routeProvider and then a . (DOT) we were not getting intellisense.

3 simple steps to get better intellisense for angular in visual studio

Step 1 : Download AngularJS extension for Visual Studio from the following link. The link displays the script in a web page. 
https://raw.githubusercontent.com/jmbledsoe/angularjs-visualstudio-intellisense/master/src/Scripts/angular.intellisense.js

Step 2 : Copy and paste the script in a new notepad. Name it angular.intellisense.js and save it to the following folder on your computer
C:\Program Files (x86)\Microsoft Visual Studio 12.0\JavaScript\References

Step 3 : Now drag and drop the following 2 files from Scripts folder onto script.js file
angular.min.js
angular-route.min.js

Visual Studio will automatically add references to the above 2 files in script.js
/// <reference path="angular.min.js" />
/// <reference path="angular-route.min.js" />

At this point when we type $routeProvider and then a . (DOT) in the script.js file, we get great intellisense.

AngularJS tutorial for beginners

1 comment:

  1. Hi Venkat,
    Thanks for amazing video.can you please tell me how to get better intellisense in VS2010 because in VS2010 under given path there is no folder named "Javascript".so i dont able to understand where to keep angular-intelisense file.

    ReplyDelete

It would be great if you can help share these free resources