typescript中的工具 tsd

  首先帮微软买个广告:VSCode 实在是太适合我了,感觉写起来无比舒畅,建议有兴趣的可以去试试用vsCode写前端。

 最近开始使用ts去构建项目,感觉写起来非常的爽(本人以前接触过c#和java),终于不用头疼JavaScript那些不一样的地方了。

  这篇随笔主要介绍的是tsd这个工具,在我们写ts文件的时候我们需要一些代码提示,例如angular,React和jquery这些东西,这个时候就需要去网上找.d.ts定义文档了。

  这个.d.ts的定义文档其实就是帮助你定义一些语法,让你在编写ts的时候可以有快速的提示。

  但是我们不可能每次都要到网上找d.ts文件的,于是就有tsd这个工具了。

  第一步:npm install -g tsd;(不解释)

  然后我们就可以tsd命令下载.d.ts文档了

  第二步 : tsd init(初始化)

 tsd的使用非常简单,基本使用就用两个指令

 tsd query (查询)

 tsd install (下载功能)

 下载完了你会发现有个这样的文件夹

 

然后在你ts文件中写入/// <reference path="" /> 把jquery.d.ts的路径写进去就好了

例如我需要下载jq tsd install jquery --save(--save是保存到初始化中的tsd.json文件中,写入本项目的依赖关系)。

这里有作者的github地址:https://github.com/DefinitelyTyped/tsd 

想了解更多的内容可以进去访问

 

----------------------------------------------------------------------------------------------------------------------------------

最近发现了,原来不仅仅只有ts可以引入/// <reference path="" />来获取代码的提示,只要你的编辑器支持,你的js代码也可以有代码提示,感觉非常的强大有木有啊,不过记得一定要执行init(初始化)之后才去引入。

你再也不用因为代码没提示而到处找插件了。

posted @ 2016-04-17 11:14  何jason  阅读(6211)  评论(0编辑  收藏  举报