让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中自定义事件实例
Jun 20 NodeJs
Nodejs极简入门教程(二):定时器
Oct 25 NodeJs
初始Nodejs
Nov 08 NodeJs
nodejs实现的一个简单聊天室功能分享
Dec 06 NodeJs
轻松创建nodejs服务器(10):处理POST请求
Dec 18 NodeJs
nodejs模块学习之connect解析
Jul 05 NodeJs
NodeJs form-data格式传输文件的方法
Dec 13 NodeJs
使用nodejs+express实现简单的文件上传功能
Dec 27 NodeJs
nodejs基础之常用工具模块util用法分析
Dec 26 NodeJs
nodejs搭建本地服务器并访问文件操作示例
May 11 NodeJs
nodejs实现日志读取、日志查找及日志刷新的方法分析
May 20 NodeJs
windows如何把已安装的nodejs高版本降级为低版本(图文教程)
Dec 14 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
PHP5 面向对象(学习记录)
2009/12/02 PHP
php实现基于微信公众平台开发SDK(demo)扩展的方法
2014/12/22 PHP
Zend Framework分页类用法详解
2016/03/22 PHP
POST一个JSON格式的数据给Restful服务实例详解
2017/04/07 PHP
yii2局部关闭(开启)csrf的验证的实例代码
2017/07/10 PHP
thinkPHP5分页功能实现方法分析
2017/10/25 PHP
文本框输入时 实现自动提示(像百度、google一样)
2012/04/05 Javascript
jquery实现div阴影效果示例代码
2013/09/16 Javascript
21个值得收藏的Javascript技巧
2014/02/04 Javascript
jquery mobile页面跳转后样式丢失js失效的解决方法
2014/09/06 Javascript
jQuery固定浮动侧边栏实现思路及代码
2014/09/28 Javascript
WEB前端设计师常用工具集锦
2014/12/09 Javascript
js实现透明度渐变效果的方法
2015/04/10 Javascript
BootStrap智能表单实战系列(七)验证的支持
2016/06/13 Javascript
Bootstrap模态框(modal)垂直居中的实例代码
2016/08/18 Javascript
BootStrap 可编辑表Table格
2016/11/24 Javascript
JsonProperty 的使用方法详解
2019/10/11 Javascript
Vue 实现从文件中获取文本信息的方法详解
2019/10/16 Javascript
jQuery实现弹幕特效
2019/11/29 jQuery
Python 记录日志的灵活性和可配置性介绍
2018/02/27 Python
Python实现的KMeans聚类算法实例分析
2018/12/29 Python
python仿evething的文件搜索器实例代码
2019/05/13 Python
解决pycharm 远程调试 上传 helpers 卡住的问题
2019/06/27 Python
python利用re,bs4,requests模块获取股票数据
2019/07/29 Python
Django使用Profile扩展User模块方式
2020/05/14 Python
详解python模块pychartdir安装及导入问题
2020/10/22 Python
html5移动端价格输入键盘的实现
2019/09/16 HTML / CSS
机电专业大学生求职信
2013/10/04 职场文书
小学校园广播稿(3篇)
2014/09/19 职场文书
导游词范文
2015/02/13 职场文书
综合办公室主任岗位职责
2015/04/01 职场文书
与死神共舞观后感
2015/06/15 职场文书
小学生禁毒教育心得体会
2016/01/15 职场文书
pytorch中的model=model.to(device)使用说明
2021/05/24 Python
MySql重置root密码 --skip-grant-tables
2022/04/11 MySQL