為跟上JavaScript領(lǐng)域的快速變化,JetBrains最近發(fā)布了自家WebStorm JavaScript IDE在2016年的第二個更新。
在公布此次更新的博客文章中,Ekaterina Prigara著重介紹了TypeScript 2.0、對React改進(jìn)的支持,以及與Angular CLI的集成這幾項此次新版本中最主要功能。
TypeScript 2.0 Beta最近剛剛發(fā)布,更新后的編輯器已經(jīng)可以直接使用這項技術(shù)。
針對React開發(fā)者,WebStorm 2016.2已經(jīng)可以在處理組件時自動插入所需的PropType。使用Visual Studio Code的TypeScript開發(fā)者早已可以使用這樣的功能,但WebStorm提供的這個功能可支持Plain JavaScript。David Gilbertson演示了具體做法:
上述Gif動圖顯示了如何在WebStorm 2016.2中把所需的Proptype加入到JSX組件中。
請留意屬性名稱是如何自動插入到組件的JSX標(biāo)簽中的。
與Angular CLI的集成是一個有趣的補(bǔ)充。雖然并未包含CLI工具的全部功能,例如Scaffolding和Testing,但Mike Brocchi告訴InfoQ他認(rèn)為可以提供如下幫助:
我覺得這個功能可以幫助不習(xí)慣使用命令行的開發(fā)者降低入門的門檻。
Angular CLI團(tuán)隊成員Brocchi稱,他們并未與JetBrains進(jìn)行合作,而Visual Studio Code通過使用擴(kuò)展也可能獲得類似的功能。
WebStorm還提供了一種全新的“Convert to arrow(轉(zhuǎn)換為箭頭)”代碼意圖(Code intention),可以讓開發(fā)者將傳統(tǒng)的函數(shù)定義轉(zhuǎn)換為ES6風(fēng)格的箭頭函數(shù)。例如:
const searchTerms = ["InfoQ", "JavaScript", ES6"];const lowerTerms = searchTerms.map(function (term) { return term.toLowerCase()});
可以很方便地轉(zhuǎn)換為:
const searchTerms = ["InfoQ", "JavaScript", ES6"];const lowerTerms = searchTerms.map(term => term.toLowerCase());
Prigara告訴InfoQ今年之內(nèi)WebStorm還將發(fā)布第三個大型更新:
我們現(xiàn)在的目標(biāo)是縮短發(fā)布周期,這樣就可以更快速地發(fā)布新功能。我們會繼續(xù)對ECMAScript 2015的支持進(jìn)行改進(jìn),因為越來越多的開發(fā)者和瀏覽器開始廣泛采用這一技術(shù)。我們希望能提供更多功能,將現(xiàn)有代碼自動升級為ECMAScript 2015。針對React和Angular 2的支持進(jìn)行改進(jìn),這一目標(biāo)也已經(jīng)在我們的計劃中。同時我們還會密切關(guān)注React Native的發(fā)展情況。
個人開發(fā)者可通過訂閱方式以每月5.90美元或每年59美元(該價格為首年價格,之后的訂閱可享受折扣)的價格獲得WebStorm。考慮到Microsoft的免費代碼編輯器Visual Studio Code功能日漸豐富,JetBrains需要快速接納各種新技術(shù),以吸引JavaScript開發(fā)者繼續(xù)為WebStorm付費。
查看英文原文:JetBrains Ships WebStorm 2016.2, Adds More TypeScript and React Support