📜  如何安装通天塔?

📅  最后修改于: 2022-05-13 01:56:32.104000             🧑  作者: Mango

如何安装通天塔?

Babel 是一个非常著名的转译器,它基本上允许我们在当今的浏览器中使用未来的 JavaScript。它可以将最新版本的 JavaScript 代码转换为浏览器可以理解的代码。 JavaScript 遵循的最新标准版本是 ES2020,并非所有浏览器都完全支持,我们使用了诸如 babel 引擎之类的工具,我们可以将其转换为当今浏览器可以理解的代码。

通天塔的安装

首先,我们要选择你要安装 Babel 的工具,安装它有很多选项。让我们以在浏览器中安装 babel 的原型为例,对于内置的 Babel,我们使用 CLI 或需要钩子,还有其他许多选项。目前,我们使用 Ember.js 中的 Frameworks 工具来安装 babel。为此,我们需要安装 Ember.js 并制作一个 Ember.js 应用程序,然后通过 ember.js 命令安装 Babel。

第 1 步:此命令将在您的系统中安装 ember.js

npm install -g ember-cli

第 2 步:之后,我们将运行此命令来创建一个 ember 应用程序

ember new  --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 步:现在我们必须在babel.config.json配置文件中启用预设。

现在我们拿一个最新标准版 ES2020 的简单代码,看看当我们通过 babel 引擎时会发生什么。

Javascript
// ES2020 nullish coalescing
function gfg(input) {
    return input ?? "Hello geeks";
}


Javascript
function gfg(input) {
    return input != null ? input : "Hello geeks";
}


上面的部分代码在部分浏览器中是不支持的,所以通过 Babel 传递后我们会得到:

Javascript

function gfg(input) {
    return input != null ? input : "Hello geeks";
}