随着 TypeScript 在前端领域的普及，完善的类型定义已经成为了一个库是否易用和可维护的重要标准。而针对这一需求，Npm 社区提供了一个叫做 @types 的特殊的 npm 包来发布 TypeScript 类型定义文件。而 typing 这个工具则可以帮助我们快速安装和升级这些类型定义。
安装
学习 typing 的第一步是安装该工具。在 npm 5.1.0 及以上版本，typing 已经成为了内置命令，所以我们可以通过以下命令来全局安装：
npm install -g typing
安装完成后，我们就可以像使用 npm 一样来使用 typing，例如通过以下命令来搜索某个库的类型定义：
typing search react
使用
通过 typing 安装的类型定义会被存放在 node_modules/@types 目录下。而安装某个库的类型定义可以通过以下命令实现：
typing install react
通过以上命令，typgin 会检查 package.json 中的 dependencies 和 devDependencies 字段，并自动安装所需的类型定义。如果我们希望只安装某个版本的类型定义，可以通过以下命令来实现：
typing install react@16.8.0
在项目中使用安装好的类型定义也非常简单。由于 TypeScript 默认会自动加载 node_modules/@types 文件夹下的类型定义，因此我们可以直接在代码中使用。例如以下代码：
-- -------------------- ---- -------
------ - -- ----- ---- -------
--------- ----- -
----- ------
-
----- ----------- ------- ---------------------- -
-------- -
------ ----------------------------
-
-
----- ------- - ------------ ------------ ------- --
--------------------注意，以上代码是 TypeScript 代码。如果我们直接使用 JavaScript，我们需要手动添加 JSDoc 注释来指定类型。例如：
-- -------------------- ---- ------- --- - ------ -------- ---- -- -------- ------------- ---- -- - ------ ----------------- - ----- ------- - ------------ ------------ ------- -- --------------------
升级和管理
在使用 typing 进行升级和管理类型定义也非常简单。例如我们希望升级当前项目中所有的类型定义，可以通过以下命令来实现：
typing update --all
而如果尝试升级某个指定的库，可以通过以下命令来实现：
typing update react
我们也可以通过以下命令来列出当前项目中有哪些库的类型定义：
typing list
此外，我们可以通过在 package.json 中添加依赖并指定版本来管理我们使用的类型定义。例如：
{
"dependencies": {
"react": "^16.8.0"
},
"devDependencies": {
"@types/react": "^16.8.0"
}
}通过以上配置，当我们运行 npm install 命令后，react 库和 @types/react 类型定义会一起被安装和管理。
总结
通过本篇文章，我们了解了什么是 typing 工具，以及如何使用它来简化 TypeScript 类型定义的安装和管理。希望本文能够对您的 TypeScript 开发工作有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/65029