本文介绍了Babel6.x的安装过程~首先，你可以使用Babel在线转换https://babeljs.io/repl/

然后输入主题：安装巴别塔(命令行环境，对于巴别塔6.x版本)

1.首先，安装babel-cli(用于在终端使用babel)

npm安装-g babel-cli

2.然后安装babel-preset-es2015插件

npm安装-保存巴别塔-预设-es2015

注意：Babel5版本默认包含各种转换插件，但是Babel6.x相关的转换插件需要自己下载，比如transform-es 2015-arrow-functions、transform-es 2015-class等。而ES2015预置包含所有插件。如果不安装任何插件，在命令行上转换不会有任何效果！

- save参数自动更新package.json文件，并将其写入依赖项

3.在命令行输入：

babel es6.js -预设es2015

输出：

使用“严格”；[1, 2, 3].map(函数(x){ return x * x；});注意：以下参数-预设es2015表示插件用于编译，如果不写转换就没有效果。

4.插件配置

每次写这个参数都很麻烦。您可以创建新的配置文件。当前目录中的babelrc。

但是，在windows系统中，不允许通过右键直接创建没有文件名的文件。它可以通过cmd命令行创建：在当前文件夹中打开cmd并键入命令

nul.babelrc型

您可以创建文件。当前目录中的babelrc，然后在文件中写入：

{ ' preferences ' :[' es 2015 ']}，可以在命令行中直接使用babel es6.js进行转换，无需添加指示所用插件的参数。

除了创建。babelrc文件，也可以在package.json中通过添加以下属性进行配置：

巴别尔' : { '预设' : ['es2015']}带有巴别尔的常用命令：

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

babel es6.js

2.转换es6.js并将其输出到es5.js文件(use -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-文件es5.js

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

巴别尔节点

以上就是边肖介绍的JavaScript中ES6 Babel的正确安装过程。希望对大家有帮助。如果你有任何问题，请给我留言，边肖会及时回复你。非常感谢您对我们网站的支持！