If you want to start working with ES6 but aren’t interested in getting the ES6 transpilers setup then skip to the Configuring ES6 Samples section below where you can download a project that has everything in place and discusses how to get started using it. If you want a step-by-step look at getting Gulp setup to work with ES6 transpilers then I’d recommend reading the entire post. Going that route lets you take advantage of the future of JavaScript right now without having to wait around until all of the browsers fully support ES6. By getting these tools in place you can start writing ES6 code, convert/transpile it to ES5, and then use the generated code in older browsers. I’m also going to sneak in a little TypeScript as well since it’s another option. Before jumping into the first official ES6 feature (that’s coming in the next post) I wanted to write a step-by-step walkthrough that covers how to get the Traceur and Babel transpilers working with Gulp (a JavaScript task runner). In the first post in this series I introduced key features in ECMAScript 6 (ES6), discussed tools that can be used today to transpile code to ES5 so that it can work in today’s browsers, and listed several resources that will help get you started.

JavaScript ES6 ECMASCript6 Transpile Traceur Babel Gulp Node.js

Es6 to es5