　　Babel是一个JS的编译器，可以把浏览器不支持的特性编译为支持的代码

安装

node.js

　　安装babel前，需要安装node.js（babel的运行是基于node的）

　　在安装完成后，运行命令提示符，输入node -v和npm -v，如果都有输出版本号则安装成功

　　另外可以在桌面/路径文件夹中，按住Shift右键，在此处打开PowerShell窗口，在其中同样输入node -v和npm -v检测是否成功安装node.js

　　PowerShell的好处在于其路径同你打开的目录是一致的（例如在桌面打开，其最初的路径就是桌面的路径）

　　后续使用babel时需要注意目录是否为你的项目目录

　　1.在你的项目路径下初始化一个package.json文件，用来描述当前工程的信息（开发依赖、生产依赖、项目名、仓库版本、项目名等）

　　可以用npm init来初始化这个package.json文件，其中需要填写众多信息，如果用默认信息一路Enter过去即可

　　也可以用npm init -y来初始化这个package.json文件，直接输出一个信息全部为默认值的一个package.json文件

　　如果windows下安装失败，需要用管理员模式打开cmd

　　2.安装babel

　　用npm install --save-dev babel-cli来在当前目录下安装babel

　　也可以简写为npm i -D babel-cli

　　3.修改package.json

　　打开最初创建的package.json，在其中的scripts里加一个键值对build，值为babel entry.js（如下）

　　在项目的node_modules\babel-cli路径下，可以看到一个package.json文件，其中也可以看到执行babel时的依赖（dependencies）

　　首先可以在项目的文件夹中创建一个entry.js文件，在其中写一些ES6扩展的代码（类、静态方法、箭头函数等）

　　用npm run build命令，发现命令提示符中输出了刚才在entry.js里写的代码

　　原因在于刚才在项目里的package.json里添加了build方法并写了babel entry.js，也就是在执行build时会运行entry.js的内容，是npm管理工作流的一个好方法

　　但是这里的代码和输入的完全一样，原因在于我们没有制定转换的规则

　　这里编译前需要用npm i -D babel-preset-env指令安装一个转换规则的包，安装完可以看到package.json文件里的依赖多了一行

　　之后创建一个配置文件，用来告诉babel用什么规则编译代码，文件名为.babelrc（这个名称是固定的），内部配置如下（注意保持JSON的格式）

　　之后再次通过build指令编译entry.js文件，可以发现此时代码已经被成功编译了

　　当然也可以在env里再添加更为详细的配置（例如可以兼容最新一个版本的浏览器）

　　更为详细的Browser取值可以参考Browserlist网站（https://github.com/browserslist/browserslist）

　　但是目前为止，编译完的代码只是输出在命令行中，我们需要在package.json里的build添加-o index.js，表示编译成功的代码输出到index.js文件中

　　但是这里每次修改代码就需要人工重新编译，因此我们在build后添加-w（watch的缩写，相当于监听）（只要修改代码就自动编译）

　　ES6中有一些提案，例如用static声明静态属性，但在JS中目前还不可以实现，因此我们可以用babel的一些包，通过编译来实现这些提案

　　用npm i -D babel-plugin-transform-class-properties安装这个包

　　之后修改.babelrc文件，给其添加一个字段（每多一个插件就要多一个字段），如下

　　（关于babel的插件可在www.npmjs.com搜索）

　　然后就可以用static声明静态属性了，代码也会被实时编译到index.js文件中