在vscode工具和node.js環境中使用babel去配置es6+

去做

嘗試使用html,在chrome控制檯中看效果
嘗試使用node 某文件,來看效果
嘗試使用vscode的Debug,開看效果
嘗試使用babel-node來看效果

配置和運行

查看文檔,首先安裝好@babel/cli, @babel/preset-env, @babel/core等模塊

使用到了Babel built-ins CLI,那麼文檔中的Language APIs Node是什麼東西,怎麼用?暫時沒測試,等後續來去了解一下。

然後根據自己測試需要,在根目錄創建index.js使用命令 touch index.js

其實打開這個文件夾看./node_modules/.bin,並沒有發現babel-node名相關的文件,不過倒是有babel之類的文件。

可以直接使用這樣的命令./node_modules/.bin/babel-node index.js去運行

或者在package.json裏面,scripts裏面加這個內容"babel-node": "babel-node index.js"

如果想要執行在自建的文件夾src裏面的a.js文件,那麼可以使用命令./node_modules/.bin/babel-node ./src/a

寫代碼測試

先測試解構賦值Destructuring Assignment

再測試import和exports

具體的代碼查看上傳到github上的文件。

參考

使用Babel給Node.js設置ES6

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章