TypeScript 及类型库 tsd typings @types/XXX 入门

TypeScript 是一种由 Microsoft 开发的开源编程语言，它是 JavaScript 的一个超集，添加了静态类型、类、接口等特性，使得代码更加可读、可维护、可扩展。

在 TypeScript 中，我们需要为变量、函数、类等声明类型。而类型定义文件则提供了一种为 JavaScript 库或框架添加类型声明的方式。tsd 是一个命令行工具，用于管理 TypeScript 类型定义文件。

@types/XXX 则是一个 npm 包，提供了许多第三方 JavaScript 库的类型定义文件，例如 jQuery、React 等。使用 @types/XXX 可以为这些库添加类型声明，使得 TypeScript 可以更好地理解这些库，并提示相关的类型错误。

要使用 TypeScript，我们需要首先安装 TypeScript 和 tsd：

npm install typescript tsd -g

然后创建一个 TypeScript 文件，例如 index.ts：

function add(a: number, b: number) {
  return a + b;
}
console.log(add(1, 2));

最后使用 tsc 命令将 TypeScript 文件编译成 JavaScript 文件：

tsc index.ts

这样就可以在浏览器或 Node.js 中运行编译后的 JavaScript 文件了。如果要使用 @types/XXX，只需要使用 npm 安装对应的包，例如：

npm install @types/jquery

然后在 TypeScript 文件中引入该包即可：

import $ from 'jquery';
$('body').html('Hello, TypeScript!');