VSCode Workspace Settings for Flow Projects

vscode__settings.json__flow

{
  // from: https://gist.github.com/bhongy/3817b9b8fad85096039df78e339deae4

  /*
  Suggested VSCode Extensions
    - mgmcdermott.vscode-language-babel
    - dbaeumer.vscode-eslint
    - flowtype.flow-for-vscode
    - esbenp.prettier-vscode

  Known issues:
    - confusing type information when hover on an identifier
      due to Typescript leak over. VSCode currently doesn't
      support completely disabling Typescript
      `typescript.validate.enable` is not enough
      https://github.com/Microsoft/vscode/issues/17068
  */

  /* Flow */

  // disable Javascript validation and use flow instead
  "javascript.validate.enable": false,
  // disable Typescript validation and use flow instead
  "typescript.validate.enable": false,
  "typescript.disableAutomaticTypeAcquisition": true,
  "flow.useNPMPackagedFlow": true

  /* Prettier */

  "editor.formatOnSave": false,
  // disable Javascript formatting and use prettier-eslint instead
  "javascript.format.enable": false,
  "prettier.eslintIntegration": true,

  /* Flow + Prettier */

  "prettier.parser": "flow",
}