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.
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.
Hi Venkat,
ReplyDeleteThanks 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.