install flow

基于 react-create-app 添加flow

npm安装依赖

 npm i  --save-dev babel-cli babel-preset-flow flow-babel-webpack-plugin

init

flow init

.babelrc （没有的话新建）

{
  "presets": [
    "flow",
    "react"
  ]
}

安装插件 (VSCode ...)

vscode-flow-ide

启动

flow status

简写 flow

---

可能会和编辑器的其他冲突， as such Vscode的话， 禁用typeScript

"javascript.validate.enable": false

---

启动项目

flow 例子

function square(n: number): number {
  return n * n
}
console.log(square('3'))

保存， 报错， 哈哈哈
OK

官网是推荐这样运行
npm run flow
不过， 这个个人感觉没有ide好用， 因为不需要去执行这一步
成功的话输出
No errors!

---

要使用的话前面加@flow注释
比如

// @flow

建议放在头部。 其实也可以all检测就不需要每个文件都加， 不过看需求， 毕竟flow灵活是一个比ts优势的地方。（详细文档见下面的参考链接）

相关链接 [官方]
flow安装
https://flow.org/en/docs/install/
flow 学习
https://flow.org/en/docs/types/primitives/
React学习
https://reactjs.org/tutorial/tutorial.html#before-we-start
基于React脚手架使用flow
https://reactjs.org/docs/static-type-checking.html#adding-flow-to-a-project