欧美一级特黄大片做受成人-亚洲成人一区二区电影-激情熟女一区二区三区-日韩专区欧美专区国产专区

詳解設置Webstorm利用babel將ES6自動轉(zhuǎn)碼成ES5

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

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

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

1.在Webstorm 里新建一個空項目,取名為es6demo.

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

詳解設置Webstorm 利用babel將ES6自動轉(zhuǎn)碼成ES5

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

或者這樣打開:

詳解設置Webstorm 利用babel將ES6自動轉(zhuǎn)碼成ES5

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

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

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

}

這樣一行代碼,此代碼說明babel-cli已安裝成功,形成了依賴。

詳解設置Webstorm 利用babel將ES6自動轉(zhuǎn)碼成ES5

5.然后再Settings->Languages & Frameworks中選擇Javascript選項,同時將version版本選擇為ECMAScript6即可。

詳解設置Webstorm 利用babel將ES6自動轉(zhuǎn)碼成ES5

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

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

安裝完后同時在package.json文件中會多出

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

詳解設置Webstorm 利用babel將ES6自動轉(zhuǎn)碼成ES5

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

{

 "presets": [

  "es2015"

 ]

}

8.設置File Watcher. File--settings--Tools--File Watcher。

詳解設置Webstorm 利用babel將ES6自動轉(zhuǎn)碼成ES5

詳解設置Webstorm 利用babel將ES6自動轉(zhuǎn)碼成ES5

9.創(chuàng)建一個名為test.js,在里面寫es6的語法,不再報錯。test-compiled.js就是編譯成es5的文件,默認是嚴格模式。

詳解設置Webstorm 利用babel將ES6自動轉(zhuǎn)碼成ES5

以上就是本文的全部內(nèi)容,希望對大家的學習有所幫助,也希望大家多多支持創(chuàng)新互聯(lián)。

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

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

廣告

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

成都app開發(fā)公司
日本激情精品在线观看| 亚乱熟女一区二区三区| 欧美日韩国产成人一区| 色婷婷亚洲一区二区三区| 伊人久久大香线蕉av色婷婷色| 人妻有码av中文字幕久久| 亚洲欧美一区日韩尤物| 极品少妇一级人妻av| 亚洲熟妇av一区二区三区l| 欧美久久精品在线观看| 精品亚洲韩国一区二区三区| 国产精品麻豆久久av| 国产偷人伦激情在线观看| 蜜臀在线观看免费视频| 九九在线视频免费观看精品视频| 亚洲欧美日韩国产99| 91精品麻豆国产自产在线| 久久综合婷婷亚洲色图| 最新日韩一区二区在线| 日韩国产传媒在线精品| 日本少妇人妻一区二区| 欧美一区二区日韩一区二区| 欧美日韩国产在线91| 亚洲中文字幕女同系列av专区| 亚欧乱色熟女一区二区三区| 人妻少妇中文字幕一区| 亚洲成人av日韩在线| 国产一区二区欧美久久| 欧美精品一区二区精品久久| 激情内射日本一区二区三区 | 91精品国产成人在线| 亚洲精品伦理视频在线| 国产精品重口调教系列| 久久成人av一区二区三区| 亚洲av激情码国产一区| 闫国产一区二区三区色噜噜| 亚洲精品午夜在线观看| 国产精品午夜福利亚洲综合网 | 精品人妻系列一区二区| 99精品久久久中文字幕日本| 久久精品午夜福利一区|