说说 Babel 的 babel-node 工具

babel-node 工具提供了一个支持 ES6 的 REPL 交互式运行环境。在此环境中,我们可以做一些简单的代码调试。

babel-node 是 babel-cli 的附带工具,所以只要安装了 babel-cli ,就可以直接使用 babel-node 啦O(∩_∩)O~

执行 babel-node,即可进入 REPL 环境:

> ((x,y) => {return x*y})(2,3)
6
> .exit

复制代码

直接输入 ES6 语法的代码,按回车,即可看到输出结果。 输出 .exit 或者按两次 Ctrl + C,即可退出 REPL 环境。

1 操作变量

像 Node 一样,也可以直接定义变量,并直接使用:

> var i=1
undefined
> i
1

复制代码

通过下划线,还可以快捷引用最近使用的表达式:

> var i=3
undefined
> i
3
> _
3
>

复制代码

2 支持的指令

除了退出指令,REPL 环境还支持以下指令:

2.1 .help 帮助指令

打印可用的命令列表:

> .help
.break    Sometimes you get stuck, this gets you out
.clear    Alias for .break
.editor   Enter editor mode
.exit     Exit the repl
.help     Print this help message
.load     Load JS from a file into the REPL session
.save     Save all evaluated commands in this REPL session to a file

复制代码

2.2 .editor 编辑模式指令

进入编辑模式,在此模式下可以编写多行命令。

> .editor
// Entering editor mode (^D to finish, ^C to cancel)
function hi(){
console.log('Hi,friend');
}
hi();
Hi,friend

复制代码

在编辑模式中,按 ctrl + D 退出并执行输入的命令,按 ctrl + C 取消操作。

2.3 .save 保存指令

可以把在 REPL 环境中执行的指令,一次性输出保存到指定文件中。指令格式为:

.save file_name
复制代码

2.4 .load 加载指令

该指令会加载指定的 js 文件并执行。指令格式为:

.load  file_name.js
复制代码

3 直接执行

也可以直接执行 ES6 脚本:

F:\WebstormProjects\deniro_es6>babel-node es6_script.js
6
复制代码

4 本地安装

当然,babel-node 也可以随着 babel-cli 安装在本地,命令如下:

npm install --save_dev babel-cli
复制代码

然后,修改 package.json:

  "scripts": {
   ...
    "babel-node-script":"babel-node es6_script.js"
  }
复制代码

接着执行以下命令:

npm run babel-node-script

> deniro_es6@0.0.1 babel-node-script F:\WebstormProjects\deniro_es6
> babel-node es6_script.js

6


复制代码

转载于:https://juejin.im/post/5cfbabca6fb9a07eb55f4e99

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值