安装和设置

要在节点项目中使用带有 react 的 typescript，必须首先使用 npm 初始化项目目录。使用 npm init 初始化目录

通过 npm 或纱线安装

你可以通过执行以下操作使用 npm 安装 React ：

npm install --save react react-dom

Facebook 发布了自己的名为 Yarn 的包管理器，它也可用于安装 React。安装 Yarn 后，你只需运行此命令：

yarn add react react-dom

然后，你可以在项目中使用 React，方法与通过 npm 安装 React 的方式完全相同。

在 Typescript 2.0+中安装反应类型定义

要使用 typescript 编译代码，请使用 npm 或 yarn 添加/安装类型定义文件。

npm install --save-dev @types/react @types/react-dom

或者，使用纱线

yarn add --dev @types/react @types/react-dom

在旧版本的 Typescript 中安装反应类型定义

你必须使用一个名为 tsd 的独立包

tsd install react react-dom --save

添加或更改 Typescript 配置

要使用 JSX （一种将 javascript 与 html / xml 混合的语言），你必须更改 typescript 编译器配置。在项目的 typescript 配置文件（通常名为 tsconfig.json）中，你需要将 JSX 选项添加为：

"compilerOptions": {
    "jsx": "react"
},

该编译器选项基本上告诉 typescript 编译器将代码中的 JSX 标记转换为 javascript 函数调用。

为了避免 TypeScript 编译器将 JSX 转换为普通的 javascript 函数调用，请使用

"compilerOptions": {
    "jsx": "preserve"
},