使用babel进行ES6语法编译解析

1、新建一个空白目录，然后使用Visual Studio Code软件打开，使用命令终端输入以下命令：npm init -y此时项目下会新生成一个package.json文件，如下图所示：

3、打开package.json文件，在sc筠续师诈ripts节点下新增一个build配置节，"build":"ba芟鲠阻缒bel src -d dist"之后我们就可以使用短命令来代替babel的指令，如下图所示：

5、在根目录下创建一个src目录，下面创建一个index.js文件，里面我们可以编写一些包含ES6语法的js脚本（比如使用了let变量，箭头函数及模板语法等），如下图所示：

7、我们打开dist目录下的js文件，可以看到原先我们使用的ES6 let和箭头函数以及模板字符串都被编译转换成ES5语法，如下图所示：