首先帮微软买个广告: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(初始化)之后才去引入。
你再也不用因为代码没提示而到处找插件了。