啊！又是第一篇react项目配置。这次是高版本+typescript，解决vscode中tsx文件飘红的问题_vscode tsx

好久以前就在说要学习react，然后学了又忘，也不拿项目练手。犹记得之前成功创建了一个react16项目之后就停手了。最近因为听到大学室友们要么跳槽想要的工资很高，要么又在各种学习，我这就忍不住想要再学习学习了。这次我终于有了目标项目拿来练手，不知道又能撑几天。本次直接上大

环境：react: v 17.0.2 / typescript v 4.3.5 / react-scripts v 4.0.3
这里因为要记录一个问题我的两种结局方案，所以重要的事情说两次！

第一次：

	    在未安装react-scripts的情况下我使用create-react-app demo --template typescript的命令成功创建了项目，
	然后yarn start(我电脑有安装yarn 和npm，react优先了yarn，都一样)启动项目。项目是正常启动了，
	当我进到app.tsx中准备修改的时候奇迹出现了：
	    jsx中的全部飘红，还报错“无法使用JSX,除非提供了--jsx标志”这样的字眼，看着满篇红，我顿时没了写下去的欲望，
	就开始各种找文件配置，这不用说，肯定是哪里的配置问题。
	    经过多方探索（百度），最后确定应该是我tsconfig.json文件中的"jsx":"react-jsx"的问题，改成"jsx":"react",
	保存后果然不报错了，继续重新启动，噢它又回去了，tsconfig.json还被重置！继续查资料（百度），
	又使用eject暴露配置，这时候手动改tsconfig.json的东西再运行就不会被重置了
1
2
3
4
5
6
7
8

第二次：

	我的一个大神前同事（我特别崇拜他，别的文章有提到他）告诉我，不应该是这样的，然后让我一一检查配置，得有之前提到的哪几个环境且版本得那么高，发现没有安装react-scripts就安装了，再重新创建一个项目运行，一样的。这时候他就排除到了，说那就是我vscode的问题了。我。。。我不是一直跟他说vscode的问题在问怎么配置？？？然后让我截图了vscode的配置给他看，
	
	发现了vscode中内置的typescript版本与我全局以及项目中的版本不一致。修改了版本致其一致后再无问题
1
2
3