包含tsx的react项目创建

一、前言

学习tsx相关的react项目，创建的时候就报错，头大了很久，以下是我吸取的教训，供小伙伴参考

二、教训

1.创建支持ts的react项目的代码

在指定文件夹下的集成终端中输入代码

 create-react-app 项目名称 --template typescript 就可以安装react项目了 

重点来了，如果你输入这行代码不能成功说明你没有安装cra!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

2.安装cra的步骤（如果1中可以创建项目忽略这个步骤）

 全局安装：npm install -g create-react-app，然后就可以创建支持ts的react项目了

三、项目结构

里边的和我们不用ts模板中的区别主要是App以及其他的js文件都换成了ts和tsx，ts是一种强数据类型的语言，不会像使用js一样变量满天飞hh。