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