logo

该视频仅会员有权观看

立即开通课程「React.js 前端应用开发实践」权限。

¥
199
/ 年

创建支持 TypeScript 的 React 项目(create-react-app)

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