欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

讓nodeJS支持ES6的詞法----babel的安裝和使用方法

 更新時間:2017年07月31日 16:45:39   作者:方方和圓圓  
這篇文章主要介紹了讓nodeJS支持ES6的詞法----babel的安裝和使用方法,具有一定的參考價值,感興趣的小伙伴們可以參考一下

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

安裝es-checker

在使用Babel之前 , 我們要先檢測一下當(dāng)前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);

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

運行下面代碼

babel-node test

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

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

以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。

相關(guān)文章

  • nodeJs事件循環(huán)運行代碼解析

    nodeJs事件循環(huán)運行代碼解析

    這篇文章主要為大家介紹了nodeJs事件循環(huán)運行代碼解析,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪
    2023-04-04
  • Nest 復(fù)雜查詢示例解析

    Nest 復(fù)雜查詢示例解析

    這篇文章主要為大家介紹了Nest 復(fù)雜查詢示例解析,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪
    2022-12-12
  • Nodejs讓異步變成同步的方法

    Nodejs讓異步變成同步的方法

    今天小編就為大家分享一篇關(guān)于Nodejs讓異步變成同步的方法,小編覺得內(nèi)容挺不錯的,現(xiàn)在分享給大家,具有很好的參考價值,需要的朋友一起跟隨小編來看看吧
    2019-03-03
  • nodejs中express入門和基礎(chǔ)知識點學(xué)習(xí)

    nodejs中express入門和基礎(chǔ)知識點學(xué)習(xí)

    這篇文章給大家分享了關(guān)于學(xué)習(xí)nodejs中express入門和基礎(chǔ)知識點內(nèi)容,有興趣的朋友們參考下。
    2018-09-09
  • Nodejs實現(xiàn)多房間簡易聊天室功能

    Nodejs實現(xiàn)多房間簡易聊天室功能

    本文通過實例代碼給大家介紹了Nodejs實現(xiàn)多房間簡易聊天室功能,需要的朋友參考下吧
    2017-06-06
  • Node.js?使用?zlib?內(nèi)置模塊進行?gzip?壓縮

    Node.js?使用?zlib?內(nèi)置模塊進行?gzip?壓縮

    這篇文章主要介紹了Node.js?使用?zlib?內(nèi)置模塊進行?gzip?壓縮,nodejs為我們提供了一個zlib內(nèi)置模塊,我們可以使用它其中的gzip方法來對傳遞的數(shù)據(jù)進行壓縮,從而提高數(shù)據(jù)傳遞效率,更多相關(guān)內(nèi)容需要的朋友可以參考一下
    2022-09-09
  • no-vnc和node.js實現(xiàn)web遠程桌面的完整步驟

    no-vnc和node.js實現(xiàn)web遠程桌面的完整步驟

    這篇文章主要給大家介紹了關(guān)于no-vnc和node.js實現(xiàn)web遠程桌面的完整步驟,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧
    2019-08-08
  • Node事件的監(jiān)聽與觸發(fā)的實現(xiàn)

    Node事件的監(jiān)聽與觸發(fā)的實現(xiàn)

    Node.js是由事件驅(qū)動的,每個任務(wù)都可以當(dāng)作一個事件來處理,本文主要介紹了Node事件的監(jiān)聽與觸發(fā)的實現(xiàn),具有一定的參考價值,感興趣的可以了解一下
    2024-04-04
  • node腳本實現(xiàn)自動化簽到和抽獎功能

    node腳本實現(xiàn)自動化簽到和抽獎功能

    本文主要介紹了node腳本實現(xiàn)自動化簽到和抽獎功能,文中通過示例代碼介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2022-01-01
  • Node.js文件寫入教程逐步深入探討

    Node.js文件寫入教程逐步深入探討

    這篇文章主要為大家介紹了Node.js文件寫入教程逐步深入探討,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪
    2023-11-11

最新評論