Home >Development Tools >VSCode >How to make prompt information in vscode

How to make prompt information in vscode

藏色散人
藏色散人Original
2020-04-03 09:44:285365browse

How to make prompt information in vscode

How to create prompt information in vscode?

vscode adds smart prompts

Since tsd has been abandoned, tsd is no longer used, use typings

Install typings

npm install typings -g
或者
npm install -g cnpm --registry=https://registry.npm.taobao.org
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

Recommended learning: vscode tutorial

The above is the detailed content of How to make prompt information in vscode. For more information, please follow other related articles on the PHP Chinese website!

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn