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