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


Posted in NodeJs onJuly 31, 2017

要使用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%哦 :

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

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

结果应该是这样的:

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

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

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

NodeJs 相关文章推荐
NodeJS 模块开发及发布详解分享
Mar 07 NodeJs
轻松创建nodejs服务器(5):事件处理程序
Dec 18 NodeJs
轻松创建nodejs服务器(6):作出响应
Dec 18 NodeJs
Nodejs学习笔记之入门篇
Apr 16 NodeJs
PHP和NodeJs开发的应用如何共用Session
Apr 16 NodeJs
nodejs获取微信小程序带参数二维码实现代码
Apr 12 NodeJs
详解nodejs微信jssdk后端接口
May 25 NodeJs
详解nodeJS之二进制buffer对象
Jun 03 NodeJs
nodejs动态创建二维码的方法
Aug 12 NodeJs
NodeJS收发GET和POST请求的示例代码
Aug 25 NodeJs
nodejs中使用archive压缩文件的实现代码
Nov 26 NodeJs
浅谈nodejs中的类定义和继承的套路
Jul 26 #NodeJs
nodejs之get/post请求的几种方式小结
Jul 26 #NodeJs
nodejs前端自动化构建环境的搭建
Jul 26 #NodeJs
nodejs body-parser 解析post数据实例
Jul 26 #NodeJs
深入解析nodejs HTTP服务
Jul 25 #NodeJs
NodeJS使用七牛云存储上传文件的方法
Jul 24 #NodeJs
nodejs 搭建简易服务器的图文教程(推荐)
Jul 18 #NodeJs
You might like
在MongoDB中模拟Auto Increment的php代码
2011/03/06 PHP
PHP实现的获取文件mimes类型工具类示例
2018/04/08 PHP
Aster vs KG BO3 第三场2.18
2021/03/10 DOTA
Jquery AJAX 用于计算点击率(统计)
2010/06/30 Javascript
javascript对talbe进行动态添加、删除、验证实现代码
2012/03/29 Javascript
Javascript 中 null、NaN和undefined的区别总结
2013/04/10 Javascript
判断某个字符在一个字符串中是否存在的js代码
2014/02/28 Javascript
JS获得选取checkbox整行数据的方法
2015/01/28 Javascript
纯JavaScript基于notie.js插件实现消息提示特效
2016/01/18 Javascript
使用jquery获取url以及jquery获取url参数的实现方法
2016/05/25 Javascript
微信小程序 location API实例详解
2016/10/02 Javascript
bootstrap警告框示例代码分享
2017/05/17 Javascript
webpack4打包vue前端多页面项目
2018/09/17 Javascript
微信小程序顶部导航栏滑动tab效果
2019/01/28 Javascript
nodejs npm错误Error:UNKNOWN:unknown error,mkdir 'D:\Develop\nodejs\node_global'at Error
2019/03/02 NodeJs
layui复选框的全选与取消实现方法
2019/09/02 Javascript
Javascript实现html转pdf高清版(提高分辨率)
2020/02/19 Javascript
openlayers实现地图弹窗
2020/09/25 Javascript
python开发中module模块用法实例分析
2015/11/12 Python
python 把数据 json格式输出的实例代码
2016/10/31 Python
Django在win10下的安装并创建工程
2017/11/20 Python
Python之多线程爬虫抓取网页图片的示例代码
2018/01/10 Python
python3 求约数的实例
2019/12/05 Python
20行Python代码实现视频字符化功能
2020/04/13 Python
python模拟斗地主发牌
2020/04/22 Python
Opodo英国旅游网站:预订廉价航班、酒店和汽车租赁
2018/07/14 全球购物
罗马尼亚在线杂货店:Pilulka.ro
2019/09/28 全球购物
举例说明类变量和实例变量的区别
2016/06/30 面试题
英语教师自荐信
2014/05/26 职场文书
2014党支部对照检查材料思想汇报
2014/10/05 职场文书
网吧温馨提示
2015/07/17 职场文书
世界上超棒的8种逻辑思维
2019/08/06 职场文书
python实现简单的井字棋
2021/05/26 Python
Java基于字符界面的简易收银台
2021/06/26 Java/Android
Java使用httpRequest+Jsoup爬取红蓝球号码
2021/07/02 Java/Android
微信小程序结合ThinkPHP5授权登陆后获取手机号
2021/11/23 PHP