react脚手架引入typescript

2.脚手架引入typescript。（让代码更严谨，反正我暂时不需要，以后要看）

　　

　　 typescript是什么？

　　typescript其实就是一种（由微软开发的自由和开源的）编程语言，它是JavaScript的一个超集，而且本质上向这个语言添加了可选的静态类型和基于类的面向对象编程。

　　typescript有什么用？能做什么？

　　1、编译时的强类型【TypeScript设计了一套类型机制来保证编译时的强类型判断。】

　　　　说人话：你可以申明变量的类型，typescript强大的强类型在编译器检验的时候，那么任何其他类型的赋值将会引起编译错误，而我们此时只要根据报错改掉相应的参数即可。

　　　　　　　　强类型还有一个最大好处就是智能提示，例如你可以知道当前变量具有哪些属性和方法，这样就会很方便。 （我觉得就是智能提示及检验变量类型）

　　2、模块化

　　

 　　　（我理解的是TypeScript的关键词module可以合并也可以通过符号‘.’被嵌套，也可以通过export的对象外部调用）

　　3、已有的类库可以很方便的使用

　　　　类似于C的头文件，TypeScript允许你定义一些声明，声明已有的变量和类型，那么你可以很方便的用强类型的方式去调用已有的类库。

 

react项目引入TypeScript

风之伤_3eed

0.0792019.03.12 10:28:37字数 113阅读 1,354

使用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文件后缀名。