vscode做提示信息的方法

這篇文章給大家分享的是有關(guān)vscode做提示信息的方法的內(nèi)容。小編覺得挺實用的，因此分享給大家做個參考。一起跟隨小編過來看看吧。

vscode如何做提示信息？

vscode添加智能提示

由于tsd已經(jīng)被廢棄，所以不再使用tsd，使用typings

安裝typings

npm install typings -g
或者
npm install -g cnpm --registry=https://registry.npm.taobao.org
cnpm install typings -g

# 搜索對應(yīng)模塊的typings定義. 
typings search angular
C:\Users\soft>typings search angular
Viewing 20 of 93
NAME                       SOURCE HOMEPAGE                                                        DESCRIPTION VERSIONS UPDATED
adal-angular               dt     https://github.com/AzureAD/azure-activedirectory-library-for-js             1        2016-04-25T20:02:25.000Z
adal-angular/adal          dt     https://github.com/AzureAD/azure-activedirectory-library-for-js             1        2016-07-02T16:42:13.000Z
angular                    dt     http://angularjs.org                                                        2        2017-03-21T20:14:55.000Z
angular-agility            dt     https://github.com/AngularAgility/AngularAgility                            1        2016-07-07T22:12:24.000Z
angular-animate            dt     http://angularjs.org                                                        2        2016-12-06T18:57:11.000Z
angular-bootstrap-calendar dt     https://github.com/mattlewis92/angular-bootstrap-calendar                   2        2016-11-22T23:08:50.000Z
angular-bootstrap-lightbox dt     https://github.com/compact/angular-bootstrap-lightbox                       1        2016-05-10T00:29:10.000Z
angular-breadcrumb         dt     https://github.com/ncuillery/angular-breadcrumb                             2        2017-01-12T17:41:19.000Z
angular-clipboard          dt     https://github.com/omichelsen/angular-clipboard                             1        2016-11-08T15:20:32.000Z
angular-cookie             dt     https://github.com/ivpusic/angular-cookie                                   1        2016-07-07T22:12:24.000Z
angular-cookies            dt     http://angularjs.org                                                        1        2016-12-06T18:57:11.000Z
angular-deferred-bootstrap dt     https://github.com/philippd/angular-deferred-bootstrap                      1        2016-07-26T23:10:38.000Z
angular-dialog-service     dt     https://github.com/m-e-conroy/angular-dialog-service                        1        2016-07-07T22:12:24.000Z
angular-dynamic-locale     dt     https://github.com/lgalfaso/angular-dynamic-locale                          2        2017-02-16T16:02:18.000Z
angular-environment        dt     https://github.com/juanpablob/angular-environment                           2        2016-07-27T17:57:46.000Z
angular-es                 dt     https://github.com/mbutsykin/angular-es                                     1        2016-10-05T18:40:00.000Z
angular-feature-flags      dt     https://github.com/mjt01/angular-feature-flags                              1        2016-10-05T18:40:00.000Z
angular-file-saver         dt     https://github.com/alferov/angular-file-saver                               1        2017-03-21T16:11:13.000Z
angular-formly             dt     https://github.com/formly-js/angular-formly                                 1        2016-07-07T22:12:24.000Z
angular-fullscreen         dt     https://github.com/fabiobiondi/angular-fullscreen                           1        2016-07-08T00:39:27.000Z
# 根據(jù)名稱尋找一個可獲得的typings定義.
typings search --name angular
C:\Users\soft>typings search --name angular
Viewing 1 of 1
NAME    SOURCE HOMEPAGE             DESCRIPTION VERSIONS UPDATED
angular dt     http://angularjs.org             2        2017-03-21T20:14:55.000Z
# 如果你用一個獨立包的模塊: 
# 或者并不是安裝全局模塊
# 比如并不是在命令行通過輸入npm install -g typings這種方式安裝的. 
typings install angular --save
或者
cnpm install @types/angular  -g  //全局安裝
cnpm install @types/node  -g
cnpm install @types/jquery  -g
cnpm install weinre -g    //安裝調(diào)試工具
# 如果是通過script標記
# 或者是子環(huán)境的一部分
# 或者全局typings命令不可用的時候： 
typings install dt~mocha --global --save
其中"dt~"為使用DefinitelyTyped類型定義的意思，vscode可以識別這種定義。 
# 從其他版本處安裝typings定義(比如env或者npm). 
typings install env~atom --global --save
typings install npm~bluebird --save
# 使用該文件`typings/index.d.ts` (在`tsconfig.json`文件使用或者用 `///` 定義). 
cat typings/index.d.ts

感謝各位的閱讀！關(guān)于vscode做提示信息的方法就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，讓大家可以學(xué)到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！