在webstorm上利用babel寫ES6的語法

Rango 發(fā)布于2019-08-20 18:22 / 1343人閱讀

摘要：進(jìn)去之后點(diǎn)擊右邊的號，在彈出的選項(xiàng)框里面選擇。點(diǎn)擊設(shè)置，選擇，選擇，確認(rèn)，至此安裝結(jié)束。接下來創(chuàng)建一個的文件，在里面引入它就可以了。

建立一個項(xiàng)目文件夾，例如：es6
然后打開命令行工具，進(jìn)入es6項(xiàng)目目錄

npm install --save-dev babel-cli

insatll成功后，babel便安裝好了
接下來還要在項(xiàng)目es6目錄建立一個.babelrc的文件，window上可以使用命令行工具在項(xiàng)目根目錄，輸入type null>.babelrc ，回車即可。這時項(xiàng)目根目錄便有一個.babelrc的文件

接下來安裝env，這是個用來轉(zhuǎn)換es6代碼的。

npm install babel-preset-env --save-dev

安裝好之后打開.balelrc文件。在里面敲上如下代碼

{
  "presets": ["env"]
}

接下來設(shè)置webStorm，在settings里面打開Tools。點(diǎn)擊File Watchers。進(jìn)去之后點(diǎn)擊右邊的+號，在彈出的選項(xiàng)

框里面選擇babel。然后設(shè)置Watchers settings的Program的路徑，一般是node_modules/.bin/.babel.cmd。最

后點(diǎn)擊確認(rèn)。

點(diǎn)擊Languages設(shè)置，選擇javaScript，選擇ECSMScript 6，確認(rèn)，至此安裝結(jié)束。當(dāng)然這只是讓我們快速體驗(yàn)一

下babel和ES6.babel官網(wǎng)還有非常多的配置，可以自己去更詳細(xì)深入的了解。

接下來創(chuàng)建一個index.js的文件，在HTML里面引入它就可以了。

GPU云服務(wù)器云服務(wù)器利用dw在云服務(wù)器上建立網(wǎng)站 java寫語法解析圖像識別在人臉識別上的應(yīng)用項(xiàng)目搭建在云服務(wù)器上的好處

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://specialneedsforspecialkids.com/yun/84420.html

登陸后可評論

我要關(guān)注我要私信

国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说