让nodeJS支持ES6的词法----babel的安装和使用方法
更新时间：2017年07月31日 16:45:39 作者：方方和圆圆
这篇文章主要介绍了让nodeJS支持ES6的词法----babel的安装和使用方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
要使用Babel， 我们需要nodeJS的环境和npm， 主要安装了nodeJS， npm就默认安装了 ， 现在安装nodeJS很简单了， 直接下载安装就好了；
安装es-checker
在使用Babel之前 ， 我们要先检测一下当前node对es6的支持情况， 我们使用先es-checker， 命令行下执行：
运行下面代码
npm -g install es-checker
es-checker安装完毕以后， 命令行执行：es-checker ， 如下图， 我的node环境版本是v4.4.3， 支持64%哦 ：
babel的安装
所以我们来安装babel吧， 有了babel， 能够使用更多高级词法！
首先新建一个工作目录， 然后创建一个package.json的文件， 内部内容为：
运行下面代码
{
"name": "my-project",
"version": "1.0.0",
"devDependencies": {
}
}
然后再打开cmd(命令行), 在工作目录下执行命令安装babel-cli：
运行下面代码
npm --save-dev install babel-cli
再安装一个全局的babel-cli：
运行下面代码
npm -g install babel-cli
接着在工作目录创建一个名字为.babelrc的文件， 文件内容入如下（ 要注意window系统下创建这种文件系统会提示你：“必须键入文件名” ， 你可以找别的方式去创建， 我是在开发工具的工程目录中把这个文件创建出来的）：
运行下面代码
{
"presets": [
"es2015"
],
"plugins": []
}
安装babel-preset-es2015
还是工作目录， 然后再安装babel-preset-es2015：
运行下面代码
npm install --save-dev babel-preset-es2015
到目前为止babel算是安装完毕了：
测试es6代码
创建一个test.js的文件， 8键入内容：
运行下面代码
let [a,b,c] = [1,2,3]; console.log(a,b,c);
在当前目录下执行：
运行下面代码
babel-node test
结果应该是这样的：
如果直接用执行node test， 我这边会报异常： SyntaxError: Unexpected token
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。
相关文章
这篇文章主要介绍了NodeJS多种创建WebSocket监听的方式,本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2020-06-06
今天小编就为大家分享一篇解决淘宝cnpm 安装后cnpm不是内部或外部命令的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-05-05
这篇文章主要介绍了详解基于 Node.js 的轻量级云函数功能实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-07-07
这篇文章主要介绍了13 个npm 快速开发技巧，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2019-07-07
这篇文章主要介绍了Linux使用Node.js建立访问静态网页的服务实例详解的相关资料,需要的朋友可以参考下2017-03-03
最近项目用到了node和npm,查看一下当前版本,发现有报错,下面这篇文章主要给大家介绍了关于node以及npm版本不对应出错的完美解决方法,文中通过图文介绍的非常详细,需要的朋友可以参考下2023-05-05
puppet这个工具真的很神奇，先不说商业版有哪些黑科技，单是开源版本就有很多可能让你摸不着头脑的地方，下面来列举一下puppet是怎么查找puppet server的2018-09-09
这篇文章主要为大家详细介绍了nodejs调取微信收货地址的方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-12-12
这篇文章主要介绍了详解Node.js 中使用 ECDSA 签名遇到的坑，主要是使用 Node.js 的 Crypto 模块无法校验网络传输过来的签名结果，感兴趣的小伙伴们可以参考一下2018-11-11
这篇文章主要介绍了node操作mysql数据库,结合实例形式较为详细的分析了node操作数据库的连接、增删改查、事务处理及错误处理相关操作技巧,需要的朋友可以参考下2017-03-03
最新评论