Watching the egghead.io ES6 videos, I liked the WebStorm feature to compile ES6 code right from the IDE. I wanted this neat feature as part of my workflow without using WebStorm. Atom was the right choice to achieve close to it. The following are the steps that you need to follow:
1. Install the Babel CLI
The Babel team has done an extraordinary job providing tools to transpile ES6 to ES5. Install the Babel CLI:
$ npm install -g babel
2. Download and install Atom
You can download atom from their homepage: https://atom.io/.
Protip: Launch atom from the Command line. Atom will gather your system settings like the paths to your installed libraries and such.
3. Download the Babel language support package
The package will add ES6 support to Atom that includes code formatting and coloring, as well as transpiling. Go through the package settings and adjust them to your needs.
4. Download the script package
script is a neat package that lets you run your scripts directly from Atom.
To run your code, press Command + I. This command will run the script package and you should see an output pane at the bottom.