前言：ECMAScript 6是JavaScript語(yǔ)言的下一代標(biāo)準(zhǔn)，已經(jīng)在2015年6月正式發(fā)布了。Mozilla公司將在這個(gè)標(biāo)準(zhǔn)的基礎(chǔ)上，推出JavaScript 2.0。ES6的目標(biāo)，是使得JavaScript語(yǔ)言可以用來(lái)編寫(xiě)大型的復(fù)雜的應(yīng)用程序，成為企業(yè)級(jí)開(kāi)發(fā)語(yǔ)言。但是現(xiàn)代瀏覽器對(duì)ES6新特性支持度不高，所以要想在瀏覽器中直接使用ES6的新特性就得借助別的工具來(lái)實(shí)現(xiàn)。

我們提供的服務(wù)有：做網(wǎng)站、網(wǎng)站制作、微信公眾號(hào)開(kāi)發(fā)、網(wǎng)站優(yōu)化、網(wǎng)站認(rèn)證、荊門(mén)ssl等。為成百上千家企事業(yè)單位解決了網(wǎng)站和推廣的問(wèn)題。提供周到的售前咨詢和貼心的售后服務(wù)，是有科學(xué)管理、有技術(shù)的荊門(mén)網(wǎng)站制作公司

今天我就來(lái)分享一下，如何配置Webstorm 利用babel將ES6自動(dòng)轉(zhuǎn)碼成ES5。Babel是一個(gè)廣泛使用的轉(zhuǎn)碼器，babel可以將ES6代碼完美地轉(zhuǎn)換為ES5代碼，所以我們不用等到瀏覽器的支持就可以在項(xiàng)目中使用ES6的特性。

1.在Webstorm 里新建一個(gè)空項(xiàng)目，取名為es6demo.

2..然后在根目錄下面新建一個(gè)package.json,只需要寫(xiě)明兩個(gè)屬性即name和version。

3.打開(kāi)webstorm的終端(Terminal)，快捷鍵為Alt+F12,安裝babel-cli。也可全局安裝。

或者這樣打開(kāi)：

安裝babel-cli： npm install --save-dev babel-cli

4.安裝完babel-cli后，可以看到新生成了一個(gè)node_modules文件和一個(gè)package-lock.json文件，同時(shí)發(fā)現(xiàn)package.json文件中多出了

"devDependencies": {
"babel-cli": "^6.26.0"

}

這樣一行代碼，此代碼說(shuō)明babel-cli已安裝成功，形成了依賴(lài)。

5.然后再Settings->Languages & Frameworks中選擇Javascript選項(xiàng)，同時(shí)將version版本選擇為ECMAScript6即可。

6.再在webstorm的終端(Terminal)，安裝Babel的preset以正確識(shí)別ES6代碼，命令如下：

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

安裝完后同時(shí)在package.json文件中會(huì)多出

"babel-preset-es2015": "^6.24.1" 這樣一行代碼，說(shuō)明babel-preset-es2015也成功安裝上了。

7.在根目錄下面新建一個(gè)名為.babelrc文件，內(nèi)容如下：

{

 "presets": [

  "es2015"

 ]

}

8.設(shè)置File Watcher. File--settings--Tools--File Watcher。

9.創(chuàng)建一個(gè)名為test.js，在里面寫(xiě)es6的語(yǔ)法，不再報(bào)錯(cuò)。test-compiled.js就是編譯成es5的文件，默認(rèn)是嚴(yán)格模式。

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持創(chuàng)新互聯(lián)。

當(dāng)前題目：詳解設(shè)置Webstorm利用babel將ES6自動(dòng)轉(zhuǎn)碼成ES5
鏈接地址：http://jinyejixie.com/article0/gpidio.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供標(biāo)簽優(yōu)化、微信小程序、品牌網(wǎng)站設(shè)計(jì)、網(wǎng)站建設(shè)、網(wǎng)站導(dǎo)航、商城網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)