Babel是一个javascript编译器即一个工具链，主要用于在旧的浏览器或环境中将ECMAScript2015+代码转换为向后兼容版本的javascript代码

一、新建文件夹

1. 随意找个地方，新建一个文件夹，比如：my-babel
2. 进入该文件夹，然后再打开终端，输入：npm init -y，最后会生成一个package.json

二、安装依赖

1. 全局安装：babel-cli

cnpm i -g babel-cli

2. 项目安装预设：babel-preset-env babel-preset-stage-2

cnpm i -D babel-preset-env babel-preset-stage-2

三、新建文件

1. 在根目录新建src文件夹，然后在src里面再新建index.js
2. 在src/index.js里面随意输入一些ES6的语法（let、const、Promise...）

let name = 'liuliu'
const a = 'ewqewqewq'
const fun = () => {
    let e = 123
    console.log(e)
    return new Promise((resolve, reject) => {
        setTimeout(() => {
            resolve(500)
        }, 5000)
    })
}
fun().then(data => {
    console.log(data)
})
console.log(name)

3. 在根目录新建.babelrc文件，写入

{
    "presets": [
        [
            "env",
            {
                "modules": false
            }
        ],
        "stage-2"
    ],
    "plugins": []
}

4. 在根目录新建lib文件夹，用于存放转换后的文件
5. 在package.json里面的"scripts"里新增如下代码

整个目录转码完成输出到指定目录，可以使用--out-dir 或 -d 参数

"scripts": {
        "test": "echo \"Error: no test specified\" && exit 1",
        "babel": "babel src --out-dir lib"   // 将 src 里面的转码生成到 lib 下
}

6. 在命令行中输入 npm run babel，然后就生成完毕了，生成的结果可以在lib文件夹下查看，里面会多出一个index.js，它就是我们转换完成的文件

参考：
babel之配置文件.babelrc
使用Babel将es6转换es5