极客教程如何安装Babel
Babel是一个非常著名的转译器，基本上允许我们在今天的浏览器中使用未来的JavaScript。它可以将最新版本的JavaScript代码转换为浏览器理解的代码。JavaScript遵循的最新标准版本是ES2020，它并不是所有浏览器都完全支持的，因此我们可以使用像Babel这样的工具来将代码转换为今天的浏览器能够理解的代码。
安装Babel
首先，我们必须选择安装Babel的工具，有很多安装选项可供选择。让我们以在浏览器中安装Prototyping Babel为例，对于Babel内置的安装，我们使用CLI或require hooks，还有其他许多选项可供选择。现在，我们使用Ember.js框架工具来安装Babel。为此，我们需要安装Ember.js并创建一个Ember.js应用程序，然后通过ember.js命令安装Babel。
步骤1： 这个命令将在您的系统中安装ember.js。
npm install -g ember-cli
步骤2： 之后，我们将运行以下命令来创建一个Ember应用
ember new <project-name> --lang en
步骤3： 在创建项目文件夹，即
cd foldername
项目结构： 使用该命令后，文件夹结构如下图所示。您可以在应用程序中访问Ember.js组件。
步骤4: 然后我们将运行此命令在我们的项目文件夹中安装Babel CLI
ember install ember-cli-babel
步骤5： 现在我们需要在项目根目录中创建一个 babel.config.json 配置文件，并启用一些env预设。为此，我们需要运行以下命令。
npm install @babel/preset-env --save-dev
步骤6： 现在我们需要在配置文件中启用预设。
现在让我们来看一下最新版本的ES2020的简单代码，并查看在经过babel引擎时会发生什么。
JavaScript
// ES2020 nullish coalescing
function gfg(input) {
return input ?? "Hello geeks";
}
一些上述代码在某些浏览器中不被支持，因此在经过Babel转换之后，我们会得到：
Javascript
function gfg(input) {
return input != null ? input : "Hello geeks";
}