vs code 怎样激活插件(Code智能提示功能之Typings)

一、Node.Js的Typings工具可以用于Visual Studio Code的代码补全

1.vscode 的默认只有es原声api带有自动补全的功能,现在V1.9的版本默认已经支持nodejs的智能补全。

2.如果想获取jquery,nodejs,Requirejs,express等更多的提示扩展就需要使用Typings工具

3.Git源代码地址:https://github.com/typings/typings

二、typings工具的安装和使用

1.安装命令

npm install -g typings

2.查看typings的版本typings --version

vs code 怎样激活插件(Code智能提示功能之Typings)(1)

3.安装对应插件的提示工具

  1. typings install dt~node --global --save
  2. typings install dt~express --global
  3. typings install dt~lodash --global

常用命令:

  1. # 安装Typings的命令行代码.
  2. npm install typings --global
  3. # 搜索对应模块的typings定义.
  4. typings search tape
  5. # 根据名称寻找一个可获得的typings定义.
  6. typings search --name react
  7. # 如果你用一个独立包的模块:
  8. # 或者并不是安装全局模块
  9. # 比如并不是在命令行通过输入npm install -g typings这种方式安装的.
  10. typings install debug --save
  11. # 如果是通过script标记
  12. # 或者是子环境的一部分
  13. # 或者全局typings命令不可用的时候:
  14. typings install dt~mocha --global --save
  15. # 从其他版本处安装typings定义(比如env或者npm).
  16. typings install env~atom --global --save
  17. typings install npm~bluebird --save
  18. # 使用该文件`typings/index.d.ts` (在`tsconfig.json`文件使用或者用 `///` 定义).
  19. cat typings/index.d.ts

安装结果如下:

vs code 怎样激活插件(Code智能提示功能之Typings)(2)

三、启用代码提示功能

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

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

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

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

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

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

1.Jquery的测试如下:

vs code 怎样激活插件(Code智能提示功能之Typings)(3)

2.nodejs的测试如下:

vs code 怎样激活插件(Code智能提示功能之Typings)(4)

四、注意事项

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其他的并没有任何区别。

,

免责声明:本文仅代表文章作者的个人观点,与本站无关。其原创性、真实性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容文字的真实性、完整性和原创性本站不作任何保证或承诺,请读者仅作参考,并自行核实相关内容。文章投诉邮箱:anhduc.ph@yahoo.com

    分享
    投诉
    首页