您好,登錄后才能下訂單哦!
這篇文章主要介紹“webstorm不支持es6如何解決”,在日常操作中,相信很多人在webstorm不支持es6如何解決問題上存在疑惑,小編查閱了各式資料,整理出簡(jiǎn)單好用的操作方法,希望對(duì)大家解答”webstorm不支持es6如何解決”的疑惑有所幫助!接下來,請(qǐng)跟著小編一起來學(xué)習(xí)吧!
解決方法:1、依次點(diǎn)擊導(dǎo)航欄的“File”-“Preferences”-“Languages & Frameworks”-“JavaScript”,將版本設(shè)置為“ECMAScript 6”即可。2、執(zhí)行“npm install -g babel”命令安裝Babel工具,打開“File watchers”并點(diǎn)擊“+”按鈕,在彈窗中配置Babel即可。
本教程操作環(huán)境:windows7系統(tǒng)、ECMAScript 6版、Dell G3電腦。
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ǔ)言可以用來編寫大型的復(fù)雜的應(yīng)用程序,成為企業(yè)級(jí)開發(fā)語(yǔ)言。
我也想嘗試一下ES6有什么新特性,于是開始了學(xué)習(xí)之路。
在webstorm寫下了這段代碼,體驗(yàn)一下ES6語(yǔ)法的便利,但是一大堆報(bào)錯(cuò)
各種語(yǔ)法錯(cuò)誤
解決方法
1、語(yǔ)法支持設(shè)置
File > Preferences > Languages & Frameworks > JavaScript
這里只要配置ECMAScript版本即可
配置之后
2、自動(dòng)轉(zhuǎn)碼為ES5
file watcher + babel(ES6轉(zhuǎn)碼器)
你可能希望你寫的代碼有更好的兼容性,但目前的ES6肯定不是所有瀏覽器都支持的,所以我們要用到ES6轉(zhuǎn)碼器。
Babel是一個(gè)廣泛使用的ES6轉(zhuǎn)碼器,可以將ES6代碼轉(zhuǎn)為ES5代碼,從而在瀏覽器或其他環(huán)境執(zhí)行。這意味著,你可以用ES6的方式編寫程序,又不用擔(dān)心現(xiàn)有環(huán)境是否支持。
而且你還希望每次修改代碼時(shí)能自動(dòng)轉(zhuǎn)碼,所以還要用到webstorm的file watcher(當(dāng)然還有其他解決方案)
npm install -g babel
Preferences > Tools > File watchers
點(diǎn)擊“+”按鈕
file watcher配置界面
File Type:配置該監(jiān)聽器監(jiān)聽的文件類型,可以在Preferences > Editor > File types中配置
Scope:配置該監(jiān)聽器的監(jiān)聽范圍,可自定義新的范圍,也可以使用Preferences > Appearance & Behavior > Scopes中定義的范圍
Program:babel的安裝位置
Arguments:命令執(zhí)行參數(shù),參見Babel CLI
Working directory:babel命令執(zhí)行的位置,默認(rèn)為文件所在目錄
這樣對(duì)文件做修改會(huì)隨時(shí)生成編譯成ES5的文件以及sourceMap文件
編譯后
到此,關(guān)于“webstorm不支持es6如何解決”的學(xué)習(xí)就結(jié)束了,希望能夠解決大家的疑惑。理論與實(shí)踐的搭配能更好的幫助大家學(xué)習(xí),快去試試吧!若想繼續(xù)學(xué)習(xí)更多相關(guān)知識(shí),請(qǐng)繼續(xù)關(guān)注億速云網(wǎng)站,小編會(huì)繼續(xù)努力為大家?guī)砀鄬?shí)用的文章!
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。