babel工具本地使用方法

Babel 是一个 JavaScript 编译器，简单来说是将 ES6 新语法转换为 ES5，让低端运行环境(浏览器和 node )能够认识并执行。

在线babel工具：

https://babeljs.io --这个是个国外的网站
https://www.babeljs.cn --这个是中文的网站
npm本地下载babel工具

babel安装

babel是通过npm安装的，npm是随同node一起安装的包管理工具，所以先要安装node.js。新版的node已经集成了npm，安装好node后可输入 “npm -v” 来测试是否成功安装，出现版本提示即安装成功。

打开命令行进入你要安装的路径，敲击以下命令：


@babel/core 是工具的核心，提供抽象语法树；
@babel/preset-env 是个插件集合，具备把ES6所有语法转换成ES5的能力；
@babel/cli 主要功能是通过命令行对js文件进行换码。
cli下载完之后，在node_modules文件夹下的.bin下会出来babel文件，
下面用npx babel 的时候就相当于去执行的这个多出来的babel文件去编译

接下来还需要写配置文件（告诉项目需要用哪些插件进行编译），在node_modules文件的同级新建一个文件.babelrc，其中写（书写内容要严格按照json并书写规范，双引号等）：

然后就可以通过命令把ES6语法的文件用指令转化成ES5语法了：

每次写完js都要重新执行这个命令很麻烦，就可以在后边加上 -watch，这样就可以实时监控语法变换了。