Configuring your editor for ES2015 and JSX

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.

Editor	ES2015	How?	JSX	How?
Sublime	Plugin	https://github.com/babel/babel-sublime	Plugin	babel-sublime also provides JSX support.
PyCharm	Native	Set to ECMAScript 6+ by default in PyCharm. Can be modified by setting Preferences>Languages & Frameworks > Javascript to ECMAScript 6+, ECMAScript 5.1, or Flow 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.	Plugin	https://www.jetbrains.com/help/pycharm/2017.1/using-reactjs-in-javascript-and-typescript.html
Visual Studio Code (vscode)	Native	add `"js/ts.implicitProjectConfig.target": "ES2015"` to your `settings.json`.	Native	But there's plenty of plug-ins and snippet tools if you want richer support. VS Code will prompt you to install extensions if it thinks you need them.
Atom	Native		Plugin	https://orktes.github.io/atom-react/
vim	Plugin	https://github.com/pangloss/vim-javascript	Plugin	https://github.com/mxw/vim-jsx

Linting

vim

See Vim Linting

Sublime

Install SublimeLinter and SublimeLinter-eslint via package control.

If you use an editor that isn't listed, please add it here along with any plugins you used to enable ES2015 and/or JSX support.