五小步让VS Code支持AngularJS智能提示

本文想经过配置VS Code来实现对AngularJS的智能提示。在通常的状况下对于在HTML页面是支持提示的。可是在js页面就不是很友好，它是记忆你以前的输入，要是以后有重复的输入，VS Code会提示您，仅此而已。

VS Code各类屌炸天的功能，未来一定是强大的前端IDE。

经过下列5步让VS Code支持对AngularJS的智能提示。

前提条件是电脑中须要安装node.js和npm包管理器。检验本身电脑是否已安装，输入以下命令便可。

1：经过npm包管理器下载tsd

在全局模式下，安装tsd，也就是在电脑的底层安装下载tsd,这样咱们之后在别的文件夹使用的时候直接初始化就OK了。

1	npm install -g tsd

这样就下载了tsd包。

2：项目文件夹下面初始化ts

这样就初始化了项目文件。初始化完毕以后，咱们就有了typings文件夹和tsd.json文件，第一个是咱们放一些须要配置语言的文件，好比AngularJS,第二个是配置文件。咱们接着能够在下载AngularJS的文件了。

3：执行下列命令，将AngularJS配置文件加载到tsd中。

1	tsd query jasmine angular-protractor –- action  install --save

这是下载Angular文件到项目中，以后会在typings中出现angularjs文件夹，里面就是此时下载的angularjs配置文件。

4：实现对AngularJs的Module和Services的智能感知。

1	tsd query angular – action  install --save

这样就在配置文件中添加了对angularjs提示的引入。

5：在项目中添加对配置文件的引用。

咱们在须要智能提示的文件夹中引用下面这就话就OK，注意本身的路径。

1

/// <reference path= "../typings/tsd.d.ts"  /><br><br><a href= "http://images2015.cnblogs.com/blog/679140/201608/679140-20160818205521140-1122375250.png" ><img style= "background-image: none; float: none; padding-top: 0px; padding-left: 0px; margin: 20px auto; display: block; padding-right: 0px; border: 0px;"  title= "image"  src= "https://images2015.cnblogs.com/blog/679140/201608/679140-20160818205522734-2025253886.png"  alt= "image"  width= "546"  height= "284"  border= "0" ></a>

这样就能够有智能提示了。以下图所示：