跳至主要内容

添加 Flow

Flow 是一个静态类型检查器,它可以帮助你编写更少的错误代码。如果你不熟悉这个概念,请查看这篇 关于在 JavaScript 中使用静态类型的介绍

最新版本的 Flow 可以与 Create React App 项目开箱即用。

要将 Flow 添加到 Create React App 项目,请按照以下步骤操作

  1. 运行 npm install --save flow-bin(或 yarn add flow-bin)。
  2. 在你的 package.jsonscripts 部分添加 "flow": "flow"
  3. 运行 npm run flow init(或 yarn flow init)以在根目录中创建一个 .flowconfig 文件
  4. // @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 的更多信息,请查看 其文档