博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
通过Typings为Visual Studio Code增强智能提示功能
阅读量:5897 次
发布时间:2019-06-19

本文共 1066 字,大约阅读时间需要 3 分钟。

缘起

最近在学习Node.jsThinkJS这个框架,用vscode作为开发环境。默认情况下vscode对ThinkJS的代码提示并不好,所以研究了一下,原来可以同通过Typings来让vscode拥有强大的智能代码提示功能

通过NPM安装Typings

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

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

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

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

此时我们可以看到项目目录下多了些文件。

1

这些文件就是为我们提供提示信息的类型类型文件(扩展名为.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文件的内容可以参考:

注意事项

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

参考阅读

转载地址:http://dhxsx.baihongyu.com/

你可能感兴趣的文章
2018年全国多校算法寒假训练营练习比赛(第五场)
查看>>
080_Dataloader.io
查看>>
sax方式解析XML学习笔记
查看>>
Springboot配置(上)
查看>>
TensorFlow从入门到理解(一):搭建开发环境【基于Ubuntu18.04】
查看>>
Luogu345: [POI2007]POW-The Flood
查看>>
java--Eclipse for mac 代码提示(代码助手,代码联想)快捷键修改
查看>>
ECC椭圆曲线详解(有具体实例)
查看>>
收集C#常用类:产生一个验证码,改了下
查看>>
采购订单保存不能修改供应商
查看>>
Jdom的简单操作
查看>>
HDU6446
查看>>
Android数据存储--数据库的操作
查看>>
left join on/right join on/inner join on/full join on连接
查看>>
Codeforces 582B Once Again
查看>>
template.helper 多参数
查看>>
多继承时的构造函数调用的顺序
查看>>
RadioButton布局图片+文字 实现tabhost效果
查看>>
2.22考试
查看>>
[HEOI2012]采花
查看>>