依賴

編輯器:vscode
vscode插件：Flow Language Support，vscode-flow-ide（選其一就好）
依賴包：babel-eslint，babel-plugin-transform-flow-strip-types,eslint-plugin-flowtype,(flow-bin可以選，運行flow服務(wù),babel-preset-flow可選,flow官方文檔用的這個)

Esint配置

.eslintrc.js 參考eslint-plugin-flowtype文檔

{
  "extends":{
     "eslint:recommended",
     //"plugin:flowtype/recommended"   //無需開啟只做flow檢查時使用
  },
  "plugins":[
    "flowtype"
  ],
  "parser": "babel-eslint",
  "rules":{},                         //參考eslint-plugin-flowtype這個包文檔根據(jù)需要配置
  "settings":{
    "flowtype":{
      "onlyFilesWithFlowAnnotation": true   //只在添加@flow注釋的文件才做檢查
    }
  }
}

Babel配置

.babelrc 參考transform-flow-strip-types文檔

{
  "plugins": [
    "transform-flow-strip-types"
  ]
}

flow配置

npm run flow init 生成.flowconfig 文件 (生成文件需要flow-bin包，自己新建也行)
詳細(xì)配置參考flow官網(wǎng).flowconfig文檔

[ignore]

[include]

[libs]

[lints]

[options]
esproposal.decorators=ignore   //忽略裝飾器

[strict]

vscode配置

首選項=>設(shè)置 關(guān)閉vscode自帶的腳本檢查

{
    "javascript.validate.enable": false
}