让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的前后端分离的思考与实践(五)多终端适配
Sep 26 NodeJs
nodejs教程之入门
Nov 21 NodeJs
nodejs实现发出蜂鸣声音(系统报警声)的方法
Jan 18 NodeJs
图片上传之FileAPI与NodeJs
Jan 24 NodeJs
nodejs基础应用
Feb 03 NodeJs
nodejs个人博客开发第一步 准备工作
Apr 12 NodeJs
Mac 安装 nodejs方法(图文详细步骤)
Oct 30 NodeJs
nodejs实现大文件(在线视频)的读取
Oct 16 NodeJs
nodejs 日志模块winston的使用方法
May 02 NodeJs
nodejs遍历文件夹下并操作HTML/CSS/JS/PNG/JPG的方法
Nov 01 NodeJs
nodeJs的安装与npm全局环境变量的配置详解
Jan 06 NodeJs
nodejs处理tcp连接的核心流程
Feb 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
十天学会php之第九天
2006/10/09 PHP
8个出色的WordPress SEO插件收集
2011/02/26 PHP
PHP CURL获取返回值的方法
2014/05/04 PHP
php编写批量生成不重复的卡号密码代码
2015/05/14 PHP
学习php设计模式 php实现门面模式(Facade)
2015/12/07 PHP
使用php实现从身份证中提取生日
2016/05/09 PHP
PHP里的$_GET数组介绍
2019/03/22 PHP
jquery 图片轮换效果
2010/07/29 Javascript
jQuery Tools tooltip使用说明
2012/07/14 Javascript
js弹出框轻量级插件jquery.boxy使用介绍
2013/01/15 Javascript
Jquery设置attr的disabled属性控制某行显示或者隐藏
2014/09/25 Javascript
JavaScript中var关键字的使用详解
2015/08/14 Javascript
微信小程序使用第三方库Immutable.js实例详解
2016/09/27 Javascript
ES6 迭代器(Iterator)和 for.of循环使用方法学习(总结)
2018/02/08 Javascript
基于vue-video-player自定义播放器的方法
2018/03/21 Javascript
vue移动端监听滚动条高度的实现方法
2018/09/03 Javascript
socket io与vue-cli的结合使用的示例代码
2018/11/01 Javascript
详解基于vue-cli3快速发布一个fullpage组件
2019/03/08 Javascript
JS如何在数组指定位置插入元素
2020/03/10 Javascript
跟老齐学Python之用while来循环
2014/10/02 Python
Python 正则表达式入门(中级篇)
2016/12/07 Python
python tkinter图形界面代码统计工具
2019/09/18 Python
Python数据可视化:顶级绘图库plotly详解
2019/12/07 Python
python定义类的简单用法
2020/07/24 Python
Python基于pyjnius库实现访问java类
2020/07/31 Python
美国大型的健身社区和补充商店:Bodybuilding.com
2016/09/06 全球购物
渗透攻击的测试步骤
2014/06/07 面试题
Java程序员面试题
2016/09/27 面试题
土木工程专业个人求职信
2013/12/05 职场文书
小学毕业感言300字
2014/02/19 职场文书
大学感恩节活动策划方案
2014/10/11 职场文书
个人政治思想总结
2015/03/05 职场文书
行政诉讼答辩状
2015/05/21 职场文书
初中班主任教育随笔
2015/08/15 职场文书
Golang并发工具Singleflight
2022/05/06 Golang
安装harbor作为docker镜像仓库的问题
2022/06/14 Servers