Flow

Flow 是针对 JavaScript 代码的静态类型检查器,经常与 React 一起使用。Flow 通过特殊的类型语法为变量、函数以及 React 组件提供注解,以便于及时发现错误。

要在项目用使用 Flow,首先需要完成安装。Flow 一般安装到package.jsondevDependencies中。

npm install flow-bin --save-dev
yarn add flow-bin --dev

之后需要在项目的package.json中添加命令来支持 Flow。

{
  "scripts": {
    "flow": "flow"
  }
}

最后,在项目目录中执行以下命令来初始化 Flow 环境。

npm run flow init
yarn run flow init

运行以下命令可以启动对项目文件的检查。

npm run flow
yarn run flow

如果项目是使用 Create React App 建立和管理的,那么在编译时 Flow 注解会被自动去除。如果是手动使用 Babel 等库搭建,则需要安装相应的 Preset。