小編給大家分享一下如何讓nodeJS支持ES6的babel，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

天元網(wǎng)站建設(shè)公司創(chuàng)新互聯(lián),天元網(wǎng)站設(shè)計制作，有大型網(wǎng)站制作公司豐富經(jīng)驗。已為天元近1000家提供企業(yè)網(wǎng)站建設(shè)服務(wù)。企業(yè)網(wǎng)站搭建\成都外貿(mào)網(wǎng)站建設(shè)要多少錢，請找那個售后服務(wù)好的天元做網(wǎng)站的公司定做！

要使用Babel， 我們需要nodeJS的環(huán)境和npm， 主要安裝了nodeJS， npm就默認安裝了 ， 現(xiàn)在安裝nodeJS很簡單了， 直接下載安裝就好了；

安裝es-checker

在使用Babel之前 ， 我們要先檢測一下當前node對es6的支持情況， 我們使用先es-checker， 命令行下執(zhí)行：

運行下面代碼

npm -g install es-checker

es-checker安裝完畢以后， 命令行執(zhí)行：es-checker ， 如下圖， 我的node環(huán)境版本是v4.4.3， 支持64%哦 ：

babel的安裝

所以我們來安裝babel吧， 有了babel， 能夠使用更多高級詞法！

首先新建一個工作目錄， 然后創(chuàng)建一個package.json的文件， 內(nèi)部內(nèi)容為：

運行下面代碼

{
 "name": "my-project",
 "version": "1.0.0",
 "devDependencies": {
 }
}

然后再打開cmd(命令行), 在工作目錄下執(zhí)行命令安裝babel-cli：

運行下面代碼

npm --save-dev install babel-cli

再安裝一個全局的babel-cli：

運行下面代碼

npm -g install babel-cli

接著在工作目錄創(chuàng)建一個名字為.babelrc的文件， 文件內(nèi)容入如下（ 要注意window系統(tǒng)下創(chuàng)建這種文件系統(tǒng)會提示你：“必須鍵入文件名” ， 你可以找別的方式去創(chuàng)建， 我是在開發(fā)工具的工程目錄中把這個文件創(chuàng)建出來的）：

運行下面代碼

 {
  "presets": [
   "es2015"
  ],
  "plugins": []
 }

安裝babel-preset-es2015

還是工作目錄， 然后再安裝babel-preset-es2015：

運行下面代碼

npm install --save-dev babel-preset-es2015

到目前為止babel算是安裝完畢了：

測試es6代碼

創(chuàng)建一個test.js的文件， 8鍵入內(nèi)容：

運行下面代碼

let [a,b,c] = [1,2,3];
console.log(a,b,c);

在當前目錄下執(zhí)行：

運行下面代碼

babel-node test

結(jié)果應(yīng)該是這樣的：

如果直接用執(zhí)行node test， 我這邊會報異常： SyntaxError: Unexpected token

以上是“如何讓nodeJS支持ES6的babel”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學(xué)習(xí)更多知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！