babel（ES6转码工具）转码（将ES6代码转为ES5代码）

安装babel：

一 ）打开vscode终端（powershell）

终端输入：

cnpm install --save-dev @babel/core

二）项目根目录下存放配置文件

新建文件——.babelrc——配置文件写入以下代码——保存

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

三）转码规则

终端输入：

cnpm install --save-dev @babel/preset-env

四）规则加入.babelrc

将之前写入的内容替换成以下

{
    "presets": [
        "@babel/env"
    ],
    "plugins": []
}

五）举例

项目根目录下新建文件——es6Demo.js

输入以下并保存：

input.map(item => item + 1);

六） 命令行转码工具安装

终端输入：

cnpm install --save-dev @babel/cli

七）将五）中es6Demo.js内容进行转码

终端输入：npx babel .\filename

npx babel .\es6Demo.js

结果：

"use strict";

input.map(function (item) {
  return item + 1;
});

效果：