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


     本文想通過配置VS Code來實現對AngularJS的智能提示。在一般的情況下對於在HTML頁面是支持提示的。但是在js頁面就不是很友好,它是記憶你之前的輸入,要是之后有重復的輸入,VS Code會提示您,僅此而已。

VS Code各種屌炸天的功能,將來必定是強大的前端IDE。

通過下列5步讓VS Code支持對AngularJS的智能提示。

前提條件是電腦中需要安裝node.js和npm包管理器。檢驗自己電腦是否已安裝,輸入如下命令即可。

image

1:通過npm包管理器下載tsd

在全局模式下,安裝tsd,也就是在電腦的底層安裝下載tsd,這樣我們以后在別的文件夾使用的時候直接初始化就OK了。

     npm install -g tsd

這樣就下載了tsd包。

2:項目文件夾下面初始化ts

image

這樣就初始化了項目文件。初始化完畢之后,我們就有了typings文件夾和tsd.json文件,第一個是我們放一些需要配置語言的文件,比如AngularJS,第二個是配置文件。我們接着可以在下載AngularJS的文件了。

image

3:執行下列命令,將AngularJS配置文件加載到tsd中。

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

這是下載Angular文件到項目中,之后會在typings中出現angularjs文件夾,里面就是此時下載的angularjs配置文件。

imageimage

4:實現對AngularJs的Module和Services的智能感知。

     tsd query angular –action install --save

這樣就在配置文件中添加了對angularjs提示的引入。image

image

5:在項目中添加對配置文件的引用。

我們在需要智能提示的文件夾中引用下面這就話就OK,注意自己的路徑。

      /// <reference path="../typings/tsd.d.ts" />

image

這樣就可以有智能提示了。如下圖所示:

image

image


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM