添加 Flow
Flow 是一个静态类型检查器,它可以帮助你编写更少的错误代码。如果你不熟悉这个概念,请查看这篇 关于在 JavaScript 中使用静态类型的介绍。
最新版本的 Flow 可以与 Create React App 项目开箱即用。
要将 Flow 添加到 Create React App 项目,请按照以下步骤操作
- 运行
npm install --save flow-bin
(或yarn add flow-bin
)。 - 在你的
package.json
的scripts
部分添加"flow": "flow"
。 - 运行
npm run flow init
(或yarn flow init
)以在根目录中创建一个.flowconfig
文件。 - 将
// @flow
添加到要进行类型检查的任何文件(例如,到src/App.js
)。
现在您可以运行 npm run flow
(或 yarn flow
)来检查文件是否存在类型错误。
您可以选择为您的 IDE 启用扩展,例如 Flow Language Support for Visual Studio Code,或利用 Language Server Protocol 标准(例如 vim LSP)在您键入时获得提示。
如果您想使用 绝对导入 与 Flow,请确保将以下行添加到您的 .flowconfig
中,以便 Flow 了解它
[options]
+ module.name_mapper='^\([^\.].*\)$' -> '<PROJECT_ROOT>/src/\1'
要了解有关 Flow 的更多信息,请查看 其文档。