- 使用 create react app 可以创建支持 TypeScript 的 React 项目。
- 首先删除先前创建的项目,使用终端命令
rm加上-rf选项来删除项目目录。 - 创建一个新的名为“宁浩react”的 TypeScript 语言的 React 项目,使用
npx create-react-app命令,并加上--template typescript。 - 创建完毕后,进入项目目录并用代码编辑器打开,查看文件和目录结构。
package.json文件的依赖部分会增加几个包,如 TypeScript 本身和带有@types前缀的类型定义包。- 项目中的公共资源位于
public目录,源代码位于src目录。 - 由于项目使用了 TypeScript,组件文件的后缀变为
.tsx。