說說 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


複製代碼