create-react-app 添加 Flow

🌙
手机阅读
本文目录结构

添加 Flow

Flow 是一种静态类型检查器,可帮助你编写出错误更少的代码。

如果你不熟悉这个概念,请查看 JavaScript中使用静态类型的介绍

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

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

  • 运行 npm install --save flow-bin
  • "flow": "flow" 添加到 package.jsonscripts 部分。
  • 运行 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/

AXIHE / 精选资源

浏览全部教程

面试题

学习网站

前端培训
自己甄别

前端书籍

关于朱安邦

我叫 朱安邦,阿西河的站长,在杭州。

以前是一名平面设计师,后来开始接接触前端开发,主要研究前端技术中的JS方向。

业余时间我喜欢分享和交流自己的技术,欢迎大家关注我的 Bilibili

关注我: Github / 知乎

于2021年离开前端领域,目前重心放在研究区块链上面了

我叫朱安邦,阿西河的站长

目前在杭州从事区块链周边的开发工作,机械专业,以前从事平面设计工作。

2014年底脱产在老家自学6个月的前端技术,自学期间几乎从未出过家门,最终找到了满意的前端工作。更多>

于2021年离开前端领域,目前从事区块链方面工作了