Babel将ES6转化成ES5

之前刚接触babel时踩了不少坑，所以想写一下最简单的入门，以免大家再踩不必要的坑。

（在项目中发现转码后移动端async异步函数报错，请教一下各位大神。）

具体步骤：

1.进入ES6的项目，执行npm init  // 初始化package.json

2. 在与package.json同一目录下编写配置文件 .babelrc(就新建一个自定义文件)

{
      "presets": [],
      "plugins": []  
}

3. 安装babel

npm install --save-dev babel-preset-es2015

4. 然后，将安装好的规则 加入到 .babelrc

{
  "presets": [
    "es2015",
    "react",
    "stage-0"
  ],
  "plugins": []
}

5. 安装 babel-cli 工具，用于命令行转码

npm install --global babel-cli

6.接下来就可以把你的es6代码转码为es5输出啦( example.js为你写的es6文件，index.js为转码后输出的es5代码)

$babel example.js -o index.js --presets es2015

7.你也可以选择实时监听转码，这样就不需要每次都输入命令了

实时监听编译文件：

$ babel example.js --watch -o index.js --presets es2015