使用typings让VSCode拓展代码提示

前言

VSCode是一款很不错的轻量级编辑器，现在受到了市场的一致认可，之所以那么火，是因为它是开（免）源（费）的，而且界面很简洁，对开发者很友好；VSCode之所以那么轻量级，是因为它是依赖插件来拓展自身的功能的，有点类似Sublime，所以我们可以使用各种插件来满足开发的需求。

代码提示

VSCode自带ES语法的提示，但这很难满足我们的基本开发需求，比如说用个jQuery，它就不支持jQuery函数的提示：

所以这时我们得依赖一些第三方的插件，这里介绍的是typings这个包；首先我们先安装这个包：

cnpm i typings -g

（PS：cnpm + 简写就是那么的sao~）

通过上面的命令，typings这个包就下载下来了，然后我们到开发目录，打开命令窗口，输入：

typings init

这时当前目录下会出现一个typings.json的文件，这个文件就是typing的配置文件（安装过的typings包），一般用于团队开发使用，类似npm的package.json：

这时我们输入以下命令，安装jQuery的提示文件：

typings install dt~jquery --global--save

（–global：代表全局文件，有些包必须得加上这个参数才行）
（–save ：表示将此次的安装信息记录到上面讲的typings.json中）

这时当前目录会出现一个名为typings的目录，此目录下便是一些提示文件：

我们再回看typings.json文件：

这样大家就很清楚typings.json的作用了吧~

关键

这时很多人以为大功告成了，然而重启VSCode后还是没有提示，这是因为他们没有在当前目录下新建一个jsconfig.json文件，这一步至关重要；当新建完此文件后，重启VSCode就可以获得代码提示了：

完整目录结构：

小结

VSCode写Nodejs很爽噢，它的API提示很强大，我现在是用WebStorm写前端，用VSCode写Nodejs（学习中…），阿哈~