说说 Babel 的 babel-node 工具

作者: deniro | 来源:发表于2019-06-08 20:36 被阅读0次

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


相关文章

  • 说说 Babel 的 babel-node 工具

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

  • 通过 babel-node 运行 ES6 语法遇到的坑

    1,安装babel-node babel-node在Babel 7.x 之前可通过安装babel-cli获得在Ba...

  • babel-node: command not found

    查阅babel官方文档如下: @babel/node The babel-node command in Babe...

  • babel

    REPL在线编译器 .babelrc配置文件 babel-cli命令行工具 babel-node提供一个支持ES6...

  • @babel/node 让node使用import语法

    全局安装@babel/core @babel/node 这样才能使用babel-node命令 局部安装 @babe...

  • Babel

    运行ES6代码: 1. $ babel-node 然后输入es6代码 2. $ babel-node es6.j...

  • node 服务 自动重启

    本文思路 本地使用babel-node 直接运行es6源码。上线时将项目通过babel打包编译到dist目录下之后...

  • 支持ES6的用法

    在package.js的script执行语句加上 --exec babel-node,如下图: 同时安装: 在主目...

  • vscode调试babel-node

    使用node开发有段时间了,但是调试都是不断的打印来进行的,于是趁着周末找了找怎么通过vscode来调试node代...

  • vscode调试babel-node 2

    上一篇写了怎么通过babel-node 调试node,但只是粗略的说明,这段时间有了更多的了解,遂再写一篇说明下。...

网友评论

    本文标题:说说 Babel 的 babel-node 工具

    本文链接:https://www.haomeiwen.com/subject/gnbixctx.html