vscode做提示信息的方法-创新互联

这篇文章给大家分享的是有关vscode做提示信息的方法的内容。小编觉得挺实用的，因此分享给大家做个参考。一起跟随小编过来看看吧。

vscode如何做提示信息？

vscode添加智能提示

由于tsd已经被废弃，所以不再使用tsd，使用typings

安装typings

npm install typings -g
或者
npm install -g cnpm --registry=/tupian/20230522/
cnpm install typings -g

# 搜索对应模块的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
# 根据名称寻找一个可获得的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    //安装调试工具
# 如果是通过script标记
# 或者是子环境的一部分
# 或者全局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

感谢各位的阅读！关于vscode做提示信息的方法就分享到这里了，希望以上内容可以对大家有一定的帮助，让大家可以学到更多知识。如果觉得文章不错，可以把它分享出去让更多的人看到吧！