让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导出excel的方法
Jun 30 NodeJs
windows下安装nodejs及框架express
Aug 07 NodeJs
Nodejs Express4.x开发框架随手笔记
Nov 23 NodeJs
NodeJS创建基础应用并应用模板引擎
Apr 12 NodeJs
nodejs连接mongodb数据库实现增删改查
Dec 01 NodeJs
nodejs搭建本地服务器并访问文件的方法
Mar 03 NodeJs
Nodejs实现文件上传的示例代码
Sep 26 NodeJs
nodejs实现OAuth2.0授权服务认证
Dec 27 NodeJs
nodejs结合Socket.IO实现的即时通讯功能详解
Jan 12 NodeJs
NodeJs搭建本地服务器之使用手机访问的实例讲解
May 12 NodeJs
webstorm中配置nodejs环境及npm的实例
May 15 NodeJs
nodejs用gulp管理前端文件方法
Jun 24 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
第十一节--重载
2006/11/16 PHP
php编写的一个E-mail验证类
2015/03/25 PHP
php中10个不同等级压缩优化图片操作示例
2016/11/14 PHP
js捕获鼠标右键菜单中的粘帖事件实现代码
2013/04/01 Javascript
setInterval()和setTimeout()的用法和区别示例介绍
2013/11/17 Javascript
JS操作iframe里的dom(实例讲解)
2014/01/29 Javascript
jQuery+canvas实现的球体平抛及颜色动态变换效果
2016/01/28 Javascript
BootStrap响应式导航条实例介绍
2016/05/06 Javascript
浅谈jquery中的each方法$.each、this.each、$.fn.each
2016/06/23 Javascript
JavaScript中的splice方法用法详解
2016/07/20 Javascript
基于Node.js + WebSocket打造即时聊天程序嗨聊
2016/11/29 Javascript
微信小程序 devtool隐藏的秘密
2017/01/21 Javascript
Nodejs 获取时间加手机标识的32位标识实现代码
2017/03/07 NodeJs
简单好用的nodejs 爬虫框架分享
2017/03/26 NodeJs
vue拦截器Vue.http.interceptors.push使用详解
2017/04/22 Javascript
Node.js利用js-xlsx处理Excel文件的方法详解
2017/07/05 Javascript
vue 打包后的文件部署到express服务器上的方法
2017/08/09 Javascript
总结js中的一些兼容性易错的问题
2017/12/18 Javascript
angular4 共享服务在多个组件中数据通信的示例
2018/03/30 Javascript
jQuery中getJSON跨域原理的深入讲解
2020/09/02 jQuery
[56:48]FNATIC vs EG 2019国际邀请赛小组赛 BO2 第二场 8.15
2019/08/16 DOTA
Python Django使用forms来实现评论功能
2016/08/17 Python
Python使用numpy实现BP神经网络
2018/03/10 Python
python递归全排列实现方法
2018/08/18 Python
elasticsearch python 查询的两种方法
2019/08/04 Python
Python使用OpenPyXL处理Excel表格
2020/07/02 Python
客户代表实习人员自我鉴定
2013/09/27 职场文书
自荐信的禁忌和要点
2013/10/15 职场文书
土木工程建筑专业毕业生求职信
2013/10/21 职场文书
促销活动计划书
2014/05/02 职场文书
专科生就业求职信
2014/06/22 职场文书
毕业生找工作求职信
2014/08/05 职场文书
车间质检员岗位职责
2015/04/08 职场文书
贫困生证明范文
2015/06/16 职场文书
Rhit高效可视化Nginx日志查看工具
2021/11/01 Servers
Python first-order-model实现让照片动起来
2022/06/25 Python