经过Typings为Visual Studio Code加强智能提示功能

缘起

最近在学习Node.js及ThinkJS这个框架，用vscode做为开发环境。默认状况下vscode对ThinkJS的代码提示并很差，因此研究了一下，原来能够同经过Typings来让vscode拥有强大的智能代码提示功能

经过NPM安装Typings

npm install -g typings  //在node环境下安装typings
typings --version       //查看typings当前版本

经过Typings安装代码提示信息文件

例如咱们此处须要安装jquery的代码提示文件，项目目录为c:\test

cd test  //进入到项目目录
typings install jquery --save //该命令应该在项目目录下运行

此时咱们能够看到项目目录下多了些文件。

这些文件就是为咱们提供提示信息的类型类型文件(扩展名为.d.ts)。

ThinkJS的代码提示文件 从https://github.com/75team/thinkjs/blob/master/template/think.d.ts 下载放到typings目录下

查看Typings是否支持某个库或框架的智能提示，咱们能够使用下面的命令:

typings search exampleName

启用智能提示功能

1. 方法一：在须要进行只能提示的文件最上行增长提示信息文件所在目录，格式以下:

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

这里须要注意 本身根据实际状况修正 path 指定的.d.ts文件路径

1. 方法二：在项目所在目录(在这里是NodeSnippet文件夹中)增长一个名为jsconfig.json的空文件。

   jsconfig.json文件的内容能够参考：https://code.visualstudio.com/docs/languages/javascript

注意事项

Typings VS TSD

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

npm rm -g tsd

使用 CNPM 安装 node包

有时候使用NPM安装模块很慢，此时咱们能够选择国内淘宝的NPM镜像，使用下面的命令来进行安装：

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

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

cnpm install lodash

参考阅读

https://github.com/typings/typings
https://code.visualstudio.com/docs/languages/javascript
https://npm.taobao.org/
http://www.cnblogs.com/IPrograming/archive/2016/04/30/VsCodeTypings.html