在学习的过程中，由于项目需要，所以项目必须使用es5来进行开发！
但是由于es6升级了一些新的特性，能够为开发者提供更方便的服务，所以这里就想到了先用es6的方式去书写代码，在构建编译的过程中再将代码进行一次转换，这样就可以愉快的使用es6来做项目开发
在了解转码工具的时候，我在网络上面收集了一些资料，这里再整理下自己的思路，方便以后再次用到的时候，可以快速的回顾起来。
《Babel》
是一款用作于JavaScript的语法编辑器，在这里我就选择这个工具来帮助我实现代码格式转换！
1：babel的某些特性需要使用到npm，所以我们先去下载一个nodeJS并安装
nodejs: https://nodejs.org/dist/v12.18.2/node-v12.18.2-x64.msi
2：新建一个source文件夹，用作存放es6的代码块，这里文件较多，就不做过多的赘述；
贴一个简单的代码：
3：我这边是使用vs code来进行项目编辑的 以下简称vsc
打开终端命令提示符 进入source文件夹的上层 使用npm init初始化项目；注：国内建议使用cnpm命令 完成后生成package.json
cnpm: npm install -g cnpm -- registry=https://registry.npm.taobao.org
4：Babel正式内容
① 全局安装Babel工具：npm install -g babel-cli
② 虽然已经安装了babel-cli，只是这样还不能成功进行转换，我们还需要安装转换包才能成功转换：(下面是各自的匹配包)
es2015: npm install --save-dev babel-preset-es2015 babel-cli
latest(最新转码规则，必须): npm install --save-dev babel-preset-latest
react（react转码规则，必须）：npm install --save-dev babel-preset-react
以及不同阶段的转码规则，可以选装一个
npm install --save-dev babel-preset-stage-0
npm install --save-dev babel-preset-stage-1
npm install --save-dev babel-preset-stage-2
npm install --save-dev babel-preset-stage-3
③ 新建.babelrc文件 ;.babelrc是babel的配置文件，下面我们就简单解释一下里面的字段
presets：设定转码规则，官方提供以下的规则集，你可以根据需要安装。例：
