cra脚手架安装typescript

在工作中用ts也算是用了一段时间，但是用的感觉不太好，用的磕磕绊绊的。很多比较高级的写法都没怎么掌握，导致现在还是很多ts报错解决不了。那么只好从头开始学习一遍了。既然是从头，我就想从cra开始，自己去安装ts和eslint，结合自己的一些习惯，定制一个应用。废话不多说，开始吧。

我们先用cra创建一个应用出来。

npx create-react-app cra-ts
cd cra-ts

安装typescript依赖

yarn add typesciprt

单单这样还是不够的，我们还要在项目的根目录下创建一个ts的配置文件tsconfig.json。

并且需要配置一些属性。

{
    "compilerOptions": {
        // 生成文件存放目录
        "outDir": "./built",
        // 接受js代码作为输入
        "allowJs": true,
        // 将js代码编译成指定版本
        "target": "es5",
    },
    "include": [
        // 读取src目录下的所有可识别文件