Babel 安装

这篇教程详细介绍了如何安装和使用Babel。首先,需要安装Node.js,然后通过命令行创建项目并初始化。Babel的主要作用是将ES6+代码转换为兼容当前浏览器的代码。在项目中,需安装@babel/core和@babel/preset-env,并配置.babelrc文件,最后通过npm scripts编译源代码。
摘要由CSDN通过智能技术生成

本节我们来学习如何安装 Babel。安装 Babel 后我们就可以将使用 ES2015 + 语法的 JavaScript 应用程序代码,编译为可在当前浏览器中使用的代码。本教程我们学习 Babel7 版本的知识。

准备工作

Babel 是基于 Node.js 的,如果我们要安装 Babel ,那么需要先安装好 Node.js

Node.js 的官网地址:https://nodejs.org/en/。然后按照提示进行安装即可。

安装好后,我们可以在命令工具中输入 node -vnpm -v 来检测一下 Node.jsnpm 是否安装成功,如果出现版本号则表示安装成功,如果所示:

创建项目

首先我们来创建一个项目,在命令工具中使用 cd 命令进去指定路径,在指定路径下执行如下命令:

mkdir my_babel

命令执行完毕后,指定路径中会成功创建一个名为 my_babel 的文件夹,如下图:

然后需要使用 cd 命令进入这个项目路径,接着执行初始化命令:

npm init

node 开发中执行上述命令会生成一个 pakeage.json 文件,这个文件主要是用来记录这个项目的详细信息的,它会将我们在项目开发中所要用到的包,以及项目的详细信息等记录在这个项目中。在以后的版本迭代和项目移植的时候会更加的方便。并且使用 npm init 初始化项目还有一个好处,就是在进行项目传递的时候不需要将项目依赖包一起发送给对方,对方在接受到你的项目之后再执行 npm install 就可以将项目依赖全部下载到项目里。

如下图所示,执行命令后会让我们填写一些配置信息,如果还不知道怎么填写的话可以一路

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值