https://github.com/Microsoft/TypeScript-React-Starter#typescript-react-starter

    https://ts.xcatliu.com/engineering/lint.html

    npm install -g create-react-app
    create-react-app my-app —scripts-version = react-scripts-ts
    react-scripts-ts是一组调整，用于采用标准的create-react-app项目管道并将TypeScript引入混合。
    此时，您的项目布局应如下所示：

    1. my-app/
    2. ├─ .gitignore
    3. ├─ images.d.ts
    4. ├─ node_modules/
    5. ├─ public/
    6. ├─ src/
    7. │  └─ ...
    8. ├─ package.json
    9. ├─ tsconfig.json
    10. ├─ tsconfig.prod.json
    11. ├─ tsconfig.test.json
    12. └─ tslint.json

    值得注意的是

    • tsconfig.json包含我们项目的TypeScript特定选项。
      • 我们也有一个tsconfig.prod.json和tsconfig.test.json的情况下，我们要进行任何调整，以我们的产品构建，还是我们的测试版本。
    • tslint.json存储我们的linter，TSLint将使用的设置。
    • package.json 包含我们的依赖项，以及我们想要运行的命令的一些快捷方式，用于测试，预览和部署我们的应用程序。
    • public包含静态资产，例如我们计划部署到的HTML页面或图像。您可以删除此文件夹中的任何文件index.html。
    • src包含我们的TypeScript和CSS代码。index.tsx是我们文件的入口点，并且是强制性的。
    • images.d.ts将告诉TypeScript可以使用某些类型的图像文件import，create-react-app支持这些文件。