react项目引入TypeScript

使用create-react-app脚手架进行搭建。

一、首次安装create-react-app(如果之前安装过可以跳过这一步)

yarn global add create-react-app或者npm install -g create-react-app

二、 使用create-react-app构建TypeScript项目

create-react-app demo02 --typescript

三、已构建react项目引入TypeScript

npm install --save typescript @types/node @types/react @types/react-dom @types/jest
或者
yarn add typescript @types/node @types/react @types/react-dom @types/jest

注意：
ts文件后缀名只对类型定义如果代码中含有dom元素jsx之类的需要改为tsx文件后缀名。