VS2013中实现angular代码智能提示

第一步:在项目同添加angular js文件的引用;

这里使用NuGet包管理器来给项目添加angular js

install-pacage angularjs

第二步:添加智能提示js文件

我们下载 angular.intellisense.js 文件,有两个选择:

第一种选择是我们只想在当前这一个项目中使用angular的智能提示功能,那么将下载的angular.intellisense.js放到和angular 的js文件相同的/Scripts目录下。

第二种选择是,我们想在所有的VS项目中都使用智能提示,那么我们将 C:\Program Files (x86)\Microsoft Visual Studio 12.0\JavaScript\References 目录下即可

所有的配置就全部配置好了,下面我们来测试下

新建个index.html 文件,引入angular的js文件

测试效果:

但是我们平常都会将js代码单独写在js文件中,而不是html文件中,下面测试js文件中实现智能提示。

新建一个app.js文件,演示效果如下:

需要注意的是需要在js文件头部添加引用代码

///  <autosync enabled="true" />
///  <reference path="Scripts/angular.js" />
///  <reference path="Scripts/angular-route.js" />

这样就实现了在VS2013中angular代码智能提示功能

测试项目代码:下载

时间: 2024-12-14 14:39:01

VS2013中实现angular代码智能提示的相关文章

使用 Sublime Text 做 Javascript 编辑器 - 集成 SublimeCodeIntel 实现代码智能提示及自动完成

Sublime Text 是一个强大并具有很强扩展性的 IDE,可通过为其安装 SublimeCodeIntel 插件实现代码智能提示和自动完成功能. 目前该插件支持以下语言: JavaScript, Mason, XBL, XUL, RHTML, SCSS, Python, HTML, Ruby, Python3, XML, Sass, XSLT, Django, HTML5, Perl, CSS, Twig, Less, Smarty, Node.js, Tcl, TemplateToolk

Android开发中Eclipse里的智能提示设置

今天开始学习一下Android开发,直接在Android Developers下载的一个开发工具包,然后再下了一个JDK,配置完环境变量等一系列的工作后环境就搭建好了,在新建好第一个Android项目 后,唉?写代码没有智能提示?对于用惯了VS的.NET开发者来说,简直不能接受啊,肯定哪里有设置对不对! 百度了一下,设置如下:1.java文件中智能提示打 开Eclipse 依次选择 Window > Preferences > Java > Editor - Content Assist

Atom编辑器折腾记_(13)JS代码智能提示补全(插件:atom-ternjs)

题外话 官方正式版虽然内置了.autocomplete-plus;最为明显的一个功能就是记忆你已经输入过的名称进行匹配; 但是针对于某些语言来说,还是有些不足的-.其中JS的补全上就明显不足了-所以需要借助插件来拓展 atom-ternjs 官方描述: Javascript code intelligence for atom with tern.js. Uses suggestion provider by autocomplete-plus. 简言之,就是JS代码智能提示,个人也希望以后可以

Eclipse 支持 HTML&amp;JSExtJS&amp;jQuery 代码智能提示

Eclipse支持HTML&JSExtJS&jQuery代码智能提示 安装HTML插件GEF和EclipseHTMLEditor 一. GEF下载安装 进到网页http://www.eclipse.org/gef/downloads/ 点6.2M的那个.会进入下载页面http://www.eclipse.org/downloads/download.php?file=/tools/gef/downloads/drops/3.7.2/R201201171043/GEF-ALL-3.7.2.z

pycharm开启代码智能提示和报错提示

天呐,经历了一大波周折,终于把提示给弄好了,加入没有提示的话,pycharm就是一个空格了,没有什么作用,对我来说,真的是很困难的事情,所以无论如何都要去把这个智能提示给搞好了. 先讲讲我的经历吧.我真的花了差不多一个早上的时间去弄的,首先以为是版本的问题,然后就是不断的卸载,再下载,在这个过程中都经历了许多,后来发先不管怎么下载新的版本,都会继续之前的版本的一些你设置的特性,最后又不断的寻找网上的资源,最后不能去搜索开启代码提示功能了,因为很多情况下是默认的,所以很多人都说一些根本用不上的东西

eclipse环境配置,字体大小,代码智能提示,JSP页面默认字符集修改

安装好JDK后,下载Java EE解压版eclipse 1.字体大小 Windows——>Preferences——>General——>Appearance——>Colors and Fonts——>Basic 选择Text Font,点击Edit...按钮 选择适当大小的字体,确定即可 2.eclipse代码智能提示 打开Windows——>Preferences对话框,在搜索栏输入content assist,如下图所示: 分别点击Java,JavaScript,

在Powershell ISE中添加sharepoint的智能提示,Enable SharePoint PowerShell Commandlets in the PowerShell ISE

Powershell ISE在默认状态下有一个不好的地方就是不会显示关于SharePoint的一些智能提示,例如你写一个"get-"后面提示的选项里没有sp开头的一些对象.于是找了一下解决方案. 首先打开Powershell ISE, 把下面的代码拷贝到ISE中 1 if (!(test-path $profile )) 2 { 3 new-item -type file -path $profile -force 4 } 5 6 7 $cmd = 'if((Get-PSSnapin

MyEclipse中strust.xml代码自动提示

1.首先打开MyEclipse的窗口,选择“Window”菜单下的“Preferences”选项,如图所示 2.在打开的“Preferences”界面中搜索“xml”,选择“XML Catalog”选项,然后选择右边的“Add...”按钮 3.在打开的对话框中,在“location”中输入struts.xml文件所对应的dtd文件的所在位置,最好不要选择有中文的目录,有时候正是因为选择了中文目录,所以没有出现提示. 选择“File System”按钮,找到dtd文件的位置,“E:\struts-

PhpStorm下Laravel代码智能提示

phpstorm&Laravel PHPstorm是我见过的最好的PHP的IDE,前年用的时候就毫不犹豫的抛弃了zend studio :) ,Laravel是我用过最好的框架,除了做手游后台这类有高并发需求的项目的时候会使用swoole,像yii,thinkPHP,zend之类已经直接不在项目中用了,不过悲伤的是最好的IDE不支持最好的Laravel的代码提示,后来我在github上翻,找到了laravel4-phpstorm-helper这个工具,不过很遗憾,已经不更新很久了,后来在外国论坛