es6 babel转码器安装配置及常见命令

示例：在d盘，新建文件夹es6，文件夹里新建一个文件es6.js。

（1）先全局安装babel-cli，输入命令npm install babel-cli -g

（2）输入d:( 进入d盘)，再输入cd es6(进入es6文件夹)

（3）输入npm init;(引导创建一个package.json文件，包括名称、版本、作者等这些信息)

（4）输入npm install --save-dev babel-cli(安装命令行转码babel-cli工具)

（5）es6文件里新建配置文件.babelrc

在windows系统中，不允许直接右键建立没有文件名的文件，可以通过cmd命令行创建，在当前文件夹打开cmd(shift键+鼠标右键，会有弹框，选择在此处打开命令窗口)，并输入命令 type null>.babelrc 创建配置文件.babelrc

       复制代码 { "presets": [], "plugins": [] }到.babelrc 里

（6）输入npm install --save-dev babel-preset-es2015(安装es2015依赖项)

　　将“es2015”加入到.babelrc，如{ "presets": [“es2015”], "plugins": [] }

（7）输入babel -h检测是否安装成功；

（8）如果安装成功，就可以将es6编译成es5

例：babel es6.js -o- es5.js

Babel常见的命令：

（1）转换es6.js文件并在当前命名行程序窗口中输出

　　 babel es6.js

（2）将es6.js转换后输出到es5.js文件中（使用 -o 或 --out-file ）

　　 babel es6.js -o es5.js 　　

babel es6.js --out-file es5.js

（3）实时监控es6.js一有变化就重新编译（使用 -w 或 --watch ）

babel es6.js -w --out-file es5.js

babel es6.js --watch --out-file es5.js

（4）编译整个src文件夹并输出到lib文件夹中（使用 -d 或 --out-dir ）

babel src -d lib
　　babel src --out-dir lib

（5）编译整个src文件夹并输出到一个文件中

babel src --out-file es5.js

（6）直接输入babel-node命令，可以在命令行中直接运行ES6代码

babel-node