让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

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

相关文章

  • Node.js异步I/O学习笔记

    Node.js异步I/O学习笔记

    这篇文章主要介绍了Node.js异步I/O学习笔记,本文详细讲解了异步I/O的基本概念、Node的异步I/O、非I/O的异步API、事件驱动与高性能服务器等内容,需要的朋友可以参考下
    2014-11-11
  • 解决Linux无法正常安装与卸载Node.js的方法

    解决Linux无法正常安装与卸载Node.js的方法

    最近在学习node.js,所以下面这篇文章主要给大家介绍了关于如何解决Linux无法正常安装与卸载Node.js的方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面来一起学习学习吧。
    2018-01-01
  • Node.JS发送http请求批量检查文件中的网页地址、服务是否有效可用

    Node.JS发送http请求批量检查文件中的网页地址、服务是否有效可用

    这篇文章主要介绍了Node.JS发送http请求批量检查文件中的网页地址、服务是否有效可用,本文通过实例代码文字说明给大家讲解的非常详细,需要的朋友参考下
    2019-11-11
  • node.js中的fs.read方法使用说明

    node.js中的fs.read方法使用说明

    这篇文章主要介绍了node.js中的fs.read方法使用说明,本文介绍了fs.read方法说明、语法、接收参数、使用实例和实现源码,需要的朋友可以参考下
    2014-12-12
  • 用NODE.JS中的流编写工具是要注意的事项

    用NODE.JS中的流编写工具是要注意的事项

    Nodejs读写流流的传输过程默认是以buffer的形式传输的,除非你给他设置其他编码形式, 小伙伴可以参考下。
    2016-03-03
  • 详解如何让Express支持async/await

    详解如何让Express支持async/await

    本篇文章主要介绍了详解如何让Express支持async/await,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-10-10
  • 一文详解nodejs的path模块使用

    一文详解nodejs的path模块使用

    这篇文章主要为大家介绍了nodejs的path模块使用详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-11-11
  • 浅谈express.js框架中间件(middleware)

    浅谈express.js框架中间件(middleware)

    这篇文章主要介绍了浅谈express.js框架中间件(middleware),小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2019-04-04
  • Node.js调用fs.renameSync报错(Error: EXDEV, cross-device link not permitted)

    Node.js调用fs.renameSync报错(Error: EXDEV, cross-device link not

    这篇文章主要介绍了Node.js调用fs.renameSync报错(Error: EXDEV, cross-device link not permitted),非常具有实用价值,需要的朋友可以参考下
    2017-12-12
  • NodeJs项目中关闭ESLint的方法

    NodeJs项目中关闭ESLint的方法

    ESLint是一个用来识别 ECMAScript 并且按照规则给出报告的代码检测工具,使用它可以避免低级错误和统一代码的风格。这篇文章主要介绍了NodeJs项目中关闭ESLint的方法,需要的朋友可以参考下
    2018-08-08

最新评论