五小步讓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>

這樣就能夠有智能提示了。以下圖所示：