易百教程

30、TypeScript管理器是什么?为什么需要它?

TypeScript Definition Manager (TSD) 是一个包管理器,用于直接从社区驱动的DefinitelyTyped 存储库中搜索和安装TypeScript 定义文件。假设,想在 .ts 文件中使用一些 jQuery 代码。

$(document).ready(function() { //Your jQuery code });

现在,当尝试使用 tsc 编译它时,它会给出一个编译时错误:找不到名称$。所以需要通知 TypeScript 编译器$是属于 jQuery 的。为此,TSD 发挥作用。可以下载 jQuery 类型定义文件并将其包含在我们的 .ts 文件中。以下是执行此操作的步骤:

首先,安装 TSD:

$ npm install tsd -g

在 TypeScript 目录中,运行以下命令创建一个新的 TypeScript 项目:

$ tsd init

然后安装 jQuery 的定义文件:

$ tsd query jquery --action install

上述命令将下载并创建一个包含以.d.ts结尾的 jQuery 定义文件的新目录。现在,通过更新 TypeScript 文件以指向 jQuery 定义来包含定义文件。

/// <reference path="typings/jquery/jquery.d.ts" />  
$(document).ready(function() { //To Do  
});

现在,再次编译。这一次js文件将生成,没有任何错误。因此,TSD 的需要帮助获取所需框架的类型定义文件。