如何使用Typings为Visual Studio Code实现智能提示功能

这篇文章主要介绍了如何使用Typings为Visual Studio Code实现智能提示功能，具有一定借鉴价值，感兴趣的朋友可以参考下，希望大家阅读完这篇文章之后大有收获，下面让小编带着大家一起了解一下。

通过NPM安装Typings

通过 NPM 我们可以很容易的安装 Typings ，在命令行中输入：

npm install -g typings

安装完成后，在命令行中输入：

typings --version

看到版本信息就表示 typings 工具安装完成了：

NPM是和Node.js一起安装的，如果你想使用NPM的话，那么你应该先安装Node.js。

安装相关提示信息文件

安装完成后，我们需要安装相应的需要提示功能库或者框架的类型信息文件，在这里我们新建一个文件夹 NodeSnippet，使用命令行进入到该目录中，分别输入下面两个命令来安装Node和Lodash的类型接口信息文件：

typings install dt~node --global --save
typings install lodash --save

什么时候需要使用 --global 参数：

1. 如果安装的包使用script标记来引用(如jQuery)(也就是在浏览器中使用)

2. 这个包是属于环境的一部分(如node)时

3. 该包没有使用 --global 安装失败时
   

这时候我们可以看到我们的 NodeSnippet目录中多了一些文件：

这些文件就是为我们提供提示信息的类型类型文件(使用TypeScript定义)。查看Typings是否支持某个库或框架的智能提示，我们可以使用下面的命令:

typings search exampleName

启用智能提示功能

通过两种方式来启动提示功能：

第一种是在需要进行只能提示的文件最上行增加提示信息文件所在目录，格式如下:

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

第二种是在项目所在目录(在这里是NodeSnippet文件夹中)增加一个名为jsconfig.json的空文件。

更多jsconfig.json文件的内容可以参考：https://code.visualstudio.com/docs/languages/javascript

启用提示功能后我们就可以非常愉快的使用Visual Studio Code 为我们提供的智能提示功能了。如下所示：

注意事项

Typings VS TSD

Typings是作为TSD的替代者而出现的，如果你已经安装了TSD，那么需要知道现在TSD已经不推荐使用了。如果已经安装TSD请执行下面的命令来移除它：

 npm rm -g tsd

使用 CNPM

在国内由于墙的原因，有时候使用NPM安装模块的速度上会很慢，这时候我们其实可以选择国内淘宝的NPM镜像，使用下面的命令来进行安装：

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

安装完成后使用cnpm来代替npm命令即可，例如下面安装一个lodash模块的示例：

cnpm install lodash

可以看到除了cnpm替代了npm其他的并没有任何区别。

感谢你能够认真阅读完这篇文章，希望小编分享的“如何使用Typings为Visual Studio Code实现智能提示功能”这篇文章对大家有帮助，同时也希望大家多多支持亿速云，关注亿速云行业资讯频道，更多相关知识等着你来学习!