添加 TypeScript
注意:此功能适用于
react-scripts@2.1.0
及更高版本。
TypeScript 是 JavaScript 的类型超集,可编译为纯 JavaScript 。
要使用 TypeScript 启动新的 Create React App 项目,你可以运行:
$ npx create-react-app my-app --typescript
$ # 或者
$ yarn create react-app my-app --typescript
要将 TypeScript 添加到 Create React App 项目,请先安装它:
$ npm install --save typescript @types/node @types/react @types/react-dom @types/jest
$ # 或者
$ yarn add typescript @types/node @types/react @types/react-dom @types/jest
接下来,将任何文件重命名为 TypeScript 文件(例如 src/index.js
重命名为 src/index.tsx
)并 重新启动开发服务器!
类型错误将显示在与构建错误相同的控制台中。
要了解有关 TypeScript 的更多信息,请查看 其文档 。
注意: 你不需要制作
tsconfig.json
文件,我们将为你制作一个文件。 你可以编辑生成的 TypeScript 配置。
注意: 如果你当前正在使用 create-react-app-typescript,请参阅此 博客文章,了解有关如何迁移到 Create React App 的说明。
注意: 我们建议使用 VSCode 以获得更好的集成体验。
注意: 不支持常量枚举和命名空间。