Part 29 AngularJS intellisense in visual studio

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.

时间: 2024-12-08 16:46:22

Part 29 AngularJS intellisense in visual studio的相关文章

AngularJS Intellisense in Visual Studio 2012

Recently, a lot of people have asked for Intellisense support for AngularJS in the Visual Studio HTML editor. The bad news is that there is no extensibility for providing additional HTML attribute Intellisense, so I can’t ship this support in Web Ess

Intellisense in Visual Studio for Microsoft Dynamics CRM 2016

Intellisense in Visual Studio for Microsoft Dynamics CRM 2016 posted by dynamicsnick on may 18, 2016 CRM 2016, Javascript / Comments Off on Intellisense in Visual Studio for Microsoft Dynamics CRM 2016 If you do much development in CRM and use visual

[VS] - Visual Studio 智能感知无法启用 之解决

背景 VS 2017 智能感知无法使用,重置 "导入和导出设置..." 后仍无法使用. 解决 我在 VS 上安装了 Resharper 的,猜测可能跟其配置有关,重置 IntelliSense 为 Visual Studio 后,VS 智能感知正常启用.

HTML5 Support In Visual Studio 2010

I was trying to play around with HTML5 assuming that VS 2010 had shipped with HTML5 support but to my dismay it was not the case. Bummer! So I did a bit of homework and came up with an easy workaround. If you try googling for html5 visual studio 2010

Visual Studio 2010如何利用宏

最近在做后台代码的拆分,由于机器升级,原来装的添加注释的插件不能用了. 看来只有自己想办法了,看了下利用宏添加注释与把项目展开.折叠的方式: 参考了以下几个内容: 1.Visual Studio 2010利用宏添加注释,我是在百度里面找的一遍,跟这个步骤类似,原来就看过也试过,时间长都忘记了. http://www.cnblogs.com/beijiguangyong/archive/2011/04/29/2302774.html 2.Visual Studio 2010 自定义与功能扩展,个人

Visual Studio Code - 快捷键

默认快捷键 Visual Studio Code 默认快捷键 代码提示(自动补全,自动完成) 默认是快捷键是Ctrl+Space,与搜狗输入法切换中英文的快捷键冲突了..可以改搜狗输入法的快捷键(Shift切换中英文就完全够用),或是将 VSCode 的editor.action.triggerSuggest快捷键改掉(改成Alt+/也不错). 参考 Visual Studio Code Key Bindings IntelliSense in Visual Studio Code 原文地址:h

使用Visual Studio Code开发AngularJS应用

(此文章同时发表在本人微信公众号"dotNET每日精华文章",欢迎右边二维码来关注.) 题记:VSC发布之后,尤其最近刚刚更新到0.3之后,社区出现了很多介绍VSC使用的好文章.比如今天分享的这篇介绍AngularJS开发的文章. 今天分享的这篇文章以AngularJS的官方练习(Phonecat)作为基础,来逐步讲解如何使用Visual Studio Code来开发AngularJS应用. 1,首先需要用Git克隆Phonecat的代码库 2,启动VSC,打开angular-phon

Fix Visual Studio 2013 Razor CSHTML Intellisense in Class Library or Console Application

https://mhusseini.wordpress.com/2015/02/05/fix-visual-studio-2013-razor-cshtml-intellisense-in-class-library-or-console-application/ I tried to use a .cshtml file and the razor syntax in a console application. I was able to build the project, but the

Visual Studio 2008用过一段时间后编辑器自动提示(智能提示:Intellisense)功能失效

头痛了好几天了,我用的VS2010, 出现的问题先是输入法把ctrl+z快捷键给拦截了,导致撤销还要点编辑->撤销 主要的问题是装的插件太多,在编辑xaml界面里面不提示了,参考下面的方案解决了, 是重新修复安装Visual Studio,在VS的Common7/IDE输入命令解决的, 原文连接http://blog.csdn.net/haiyangzhibing/article/details/5493163 Visual Studio 2008用过一段时间后编辑器自动提示(智能提示:Inte