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