本节我们来学习如何安装 Babel
。安装 Babel
后我们就可以将使用 ES2015 +
语法的 JavaScript
应用程序代码,编译为可在当前浏览器中使用的代码。本教程我们学习 Babel7
版本的知识。
准备工作
Babel
是基于 Node.js
的,如果我们要安装 Babel
,那么需要先安装好 Node.js
。
Node.js
的官网地址:https://nodejs.org/en/。然后按照提示进行安装即可。
安装好后,我们可以在命令工具中输入 node -v
和 npm -v
来检测一下 Node.js
和 npm
是否安装成功,如果出现版本号则表示安装成功,如果所示:
创建项目
首先我们来创建一个项目,在命令工具中使用 cd
命令进去指定路径,在指定路径下执行如下命令:
mkdir my_babel
命令执行完毕后,指定路径中会成功创建一个名为 my_babel
的文件夹,如下图:
然后需要使用 cd
命令进入这个项目路径,接着执行初始化命令:
npm init
在 node
开发中执行上述命令会生成一个 pakeage.json
文件,这个文件主要是用来记录这个项目的详细信息的,它会将我们在项目开发中所要用到的包,以及项目的详细信息等记录在这个项目中。在以后的版本迭代和项目移植的时候会更加的方便。并且使用 npm init
初始化项目还有一个好处,就是在进行项目传递的时候不需要将项目依赖包一起发送给对方,对方在接受到你的项目之后再执行 npm install
就可以将项目依赖全部下载到项目里。
如下图所示,执行命令后会让我们填写一些配置信息,如果还不知道怎么填写的话可以一路