[ ES6 ] 二. 使用 Babel 编译你的ES6代码

第一篇文章 [ ES6 ] 一. 准备出击 里已经给出了babel的相关信息：

因为目前各类环境下对ES6的支持程度并不高，在浏览器运行ES6代码是不太现实的，不过咱们同样能够用ES6的新特新写代码，只是最后运行以前须要将其编译为 ES5的代码, 因此天然少不了编译工具，这里只介绍一个，也是最好用的一个： Babel .

1. github

2. 官网

3. 在线编译系统

4. gulp-babel

5. grunt-babel

一. 安装Babel

根据你所使用的工具来进行不一样的 babel 安装：

1.使用命令行的方式

首先须要全局安装 babel

$ npm install -g babel

使用：

$ babel script.js

这样编译出来的ES5代码是直接显示在命令行中的，但代码量多时较难阅读：

编译以后：

因此我须要使用一些参数将编译后的代码保存：

$ babel -d [es5-dir] [es6-dir]

如：

　

二： 使用gulp

安装gulp-babel：

$ npm install --save-dev gulp-babel

可是单有这个是不行的，请确保你有全局安装或局部安装babel-core：

$ npm install --save-dev babel-core

而后来新建一个gulp任务：、

那么这里的gulpfile是用ES6写的，如何使用ES6写gulpfiel.js 请看：

使用gulp或grunt去实时编译输出ES6代码是很方便的。

更多工具的安装使用方式请参考官网文档：https://babeljs.io/docs/setup/