Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.


Note

Start with the matrix here as it provides a lot of information about configuring your editor: Editors/IDEs


The ES2015 specification is fairly recent (2015), so some editors don't yet have built-in support for its syntax. Similarly, JSX (React) syntax, like all other templating languages (underscore, mako, django, etc) is generally not natively supported. Fortunately, many well-supported plugins are available to help bridge these gaps.

...

EditorES2015How?JSXHow?
SublimePluginhttps://github.com/babel/babel-sublimePluginbabel-sublime also provides JSX support.
PyCharmNative

https://intellij-support.jetbrains.com/hc/en-us/community/posts/207000815-How-do-I-enable-support-for-ECMA-6-

.editorconfig files can be used to distinguish between ES5 and ES6 code. Perhaps a PyCharm user can provide further implementation details.

Pluginhttps://www.jetbrains.com/help/pycharm/2017.1/using-reactjs-in-javascript-and-typescript.html
AtomNative
Pluginhttps://orktes.github.io/atom-react/
vimPluginhttps://github.com/pangloss/vim-javascriptPluginhttps://github.com/mxw/vim-jsx

Linting

...

vim

See Vim Linting

Sublime

...