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

創(chuàng)新互聯(lián)公司是一家專注網(wǎng)站建設(shè)、網(wǎng)絡(luò)營銷策劃、重慶小程序開發(fā)、電子商務(wù)建設(shè)、網(wǎng)絡(luò)推廣、移動(dòng)互聯(lián)開發(fā)、研究、服務(wù)為一體的技術(shù)型公司。公司成立10多年以來，已經(jīng)為近千家成都木托盤各業(yè)的企業(yè)公司提供互聯(lián)網(wǎng)服務(wù)。現(xiàn)在，服務(wù)的近千家客戶與我們一路同行，見證我們的成長；未來，我們一起分享成功的喜悅。

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

安裝es-checker

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

運(yùn)行下面代碼

npm -g install es-checker

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

babel的安裝

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

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

運(yùn)行下面代碼

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

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

運(yùn)行下面代碼

npm --save-dev install babel-cli

再安裝一個(gè)全局的babel-cli：

運(yùn)行下面代碼

npm -g install babel-cli

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

運(yùn)行下面代碼

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

安裝babel-preset-es2015

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

運(yùn)行下面代碼

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

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

測(cè)試es6代碼

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

運(yùn)行下面代碼

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

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

運(yùn)行下面代碼

babel-node test

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

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

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

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)建站www.cdcxhl.com，海內(nèi)外云服務(wù)器15元起步，三天無理由+7*72小時(shí)售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢(shì)，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場(chǎng)景需求。

本文標(biāo)題：如何讓nodeJS支持ES6的babel-創(chuàng)新互聯(lián)
文章鏈接：http://weahome.cn/article/esphg.html