經過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