使用 create-react-app 这个工具可以创建支持 typescript 的 react 项目。我们可以先把之前创建的 react 项目删除掉，在终端，用 rm 命令，加上 -rf 选项，删除掉之前在桌面上创建的 ninghao-react 这个目录。然后重新于创建一个支持 typescript 语言的 react 项目，typescript 是带类型语法的 javascript。

执行一下 npx create-react-app ，项目的名字是 ninghao-react ，加上 --template 选项，指定一个项目的模板，设置成 typescript。

完成以后进入到新创建的这个项目目录，ninghao-react，用代码编辑器打开这个目录。再运行一下项目的开发服务，npm run start ，现在浏览器上显示的就是我们在本地正在开发的 react 应用。

回到编辑器，观察一下项目的目录还有文件，根目录下的这个 tsconfig.json 是 typescript 的配置文件。然后打开 package.json，这个项目的 dependencies 里面比之前多了几个依赖，比如有 typescript ，还有一些带 @types 前缀的包，这些东西是一些类型定义。

public 目录里的东西是项目的分开资源，src 里面的东西是应用的源代码。因为项目里用了 typescript，所以组件的后缀现在会是 .tsx。