flow+babel+eslint环境搭建

依赖

编辑器:vscode
vscode插件:Flow Language Support,vscode-flow-ide(选其一就好)
依赖包:babel-eslint,babel-plugin-transform-flow-strip-types,eslint-plugin-flowtype,(flow-bin可以选,运行flow服务,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这个包文档根据需要配置
  "settings":{
    "flowtype":{
      "onlyFilesWithFlowAnnotation": true   //只在添加@flow注释的文件才做检查
    }
  }
}

Babel配置

.babelrc 参考transform-flow-strip-types文档

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

flow配置

npm run flow init 生成.flowconfig 文件 (生成文件需要flow-bin包,自己新建也行)
详细配置参考flow官网.flowconfig文档

[ignore]

[include]

[libs]

[lints]

[options]
esproposal.decorators=ignore   //忽略装饰器

[strict]

vscode配置

首选项=>设置 关闭vscode自带的脚本检查

{
    "javascript.validate.enable": false
}

你可能感兴趣的:(flow+babel+eslint环境搭建)