babel是什么|babel+vscode+vue+es6结合解释babel是什么

babel是什么
babel是转码器，把es6代码转换成es5代码
为什么要将es6转成es5，因为es6的兼容性比较差，一些版本比较低的浏览器不能翻译es6的代码，所以要将es6转成es5

babel+vsCode
下面用vscode来实践一下babel的用法

1.安装Babel工具，使用命令

npm install --global babel -cli

2.创建js文件，编写es6代码

//转码前
//定义数据
let input=[1,2,3]
//将数组的每个元素+1
input=input.map(item=>item+1)
console.log(input)

3.创建babel配置文件

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

4.创建es2015转码器

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

5.使用命令进行转码
babel es6 -d dist