让nodeJS支持ES6的词法----babel的安装和使用方法

要使用Babel, 我们需要nodeJS的环境和npm, 主要安装了nodeJS, npm就认安装了 , 现在安装nodeJS很简单了, 直接下载安装就好了;

安装es-checker

在使用Babel之前 , 我们要先检测一下当前node对es6的支持情况, 我们使用先es-checker, 命令行下执行:

运行下面代码

rush:bash;"> npm -g install es-checker

es-checker安装完毕以后, 命令行执行:es-checker , 如下图, 我的node环境版本是v4.4.3, 支持64%哦 :

babel的安装

所以我们来安装babel吧, 有了babel, 能够使用更多高级词法!

首先新建一个工作目录, 然后创建一个package.json的文件, 内部内容为:

运行下面代码

rush:js;"> { "name": "my-project","version": "1.0.0","devDependencies": { } }

然后再打开cmd(命令行),在工作目录下执行命令安装babel-cli:

运行下面代码

rush:bash;"> npm --save-dev install babel-cli

再安装一个全局的babel-cli:

运行下面代码

rush:bash;"> npm -g install babel-cli

接着在工作目录创建一个名字为.babelrc的文件文件内容入如下( 要注意window系统下创建这种文件系统会提示你:“必须键入文件名” , 你可以找别的方式去创建, 我是在开发工具的工程目录中把这个文件创建出来的):

运行下面代码

rush:js;"> { "presets": [ "es2015" ],"plugins": [] }

安装babel-preset-es2015

还是工作目录, 然后再安装babel-preset-es2015:

运行下面代码

rush:bash;"> npm install --save-dev babel-preset-es2015

到目前为止babel算是安装完毕了:

测试es6代码

创建一个test.js的文件, 8键入内容

运行下面代码

rush:js;"> let [a,b,c] = [1,2,3]; console.log(a,c);

在当前目录下执行:

运行下面代码

rush:bash;"> babel-node test

结果应该是这样的:

如果直接用执行node test, 我这边会报异常: SyntaxError: Unexpected token

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持编程之家。

相关文章

这篇文章主要介绍“基于nodejs的ssh2怎么实现自动化部署”的...
本文小编为大家详细介绍“nodejs怎么实现目录不存在自动创建...
这篇“如何把nodejs数据传到前端”文章的知识点大部分人都不...
本文小编为大家详细介绍“nodejs如何实现定时删除文件”,内...
这篇文章主要讲解了“nodejs安装模块卡住不动怎么解决”,文...
今天小编给大家分享一下如何检测nodejs有没有安装成功的相关...