EDITORS.md

Configuring your editor or IDE

If you're new to React, most editors come with built in support for JavaScript (and ES2015), but you might need to configure your editor in order to get better JSX and Flowtype support. Here's a list of recommended packages:

Atom

• language-babel: Language plugin for ES201x, JSX, and Flowtype. This does not support reporting Flow errors; it simply provides correct syntax highlighting.
• linter-flow: Reports flow errors.
• linter-eslint: Reports linting errors.
• editorconfig: Adds support for .editorconfig project files.

As an alternative, Nuclide is an Atom package that comes with built in support for Flow and JSX, but it can be used in conjunction with the recommended packages above.

Sublime Text 3

• babel-sublime
• SublimeLinter-flow
• SublimeLinter-contrib-eslint
• EditorConfig

Vim

• vim-flow
• vim-jsx
• syntastic will report linting errors.
• editorconfig-vim

WebStorm / IntelliJ

The minimum versions required are:

• WebStorm – version 11
• Intellij – version 15

Open the project's preferences:

• Languages & Frameworks
  • JavaScript
    • JavaScript language version: Flow
    • Libraries
      • tick ECMAScript 6
      • tick HTML
      • tick HTML5 / ECMAScript 5
    • Code Quality Tools
      • ESLint
        • tick the Enable checkbox
        • Node interpreter – default value should be correct
        • ESLint package – ditto
        • Configuration file – Search for .eslintrc