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
复制代码