WebStorm2021是一款專(zhuān)業(yè)的Web前端開(kāi)發(fā)工具，可以說(shuō)是“Web前端開(kāi)發(fā)神器”、“最強(qiáng)大的HTML5編輯器”、“最智能的JavaScript IDE”。為用戶們提供了針對(duì)JavaScript和JavaScript編譯語(yǔ)言，同時(shí)不僅為Angular、React、Vue.js和Meteor提供了高級(jí)編碼幫助，還專(zhuān)門(mén)為 JS 開(kāi)發(fā)做了很多優(yōu)化，以便更好的幫助用戶在服務(wù)器端進(jìn)行開(kāi)發(fā)。

WebStorm2021軟件功能

一、JavaScript和TypeScript

1、使用JavaScript解構(gòu)：通過(guò)解構(gòu)，您可以使用非常簡(jiǎn)潔的語(yǔ)法將數(shù)組和對(duì)象中的值解壓縮到變量中。WebStorm的新重構(gòu)和意圖(Alt-Enter)可以幫助您輕松地將解構(gòu)引入 JavaScript或TypeScript代碼。

2、使用Promise將函數(shù)轉(zhuǎn)換為async / await：您可以自動(dòng)更改返回Promise的函數(shù)，.then()并 .catch()調(diào)用使用async / await語(yǔ)法的異步函數(shù)。只需在功能名稱上按Alt-Enter，然后選擇轉(zhuǎn)換為異步功能。這不僅可以在TypeScript文件中實(shí)現(xiàn)，還可以在JavaScript和Flow中實(shí)現(xiàn)。

二、構(gòu)架

1、對(duì)Angular應(yīng)用程序的新檢查：對(duì)于Angular應(yīng)用程序，webstorm添加了17項(xiàng)新檢查，可幫助您在鍵入時(shí)檢測(cè)應(yīng)用程序中的Angular特定錯(cuò)誤，并建議快速修復(fù)。這些檢查在TypeScript和模板文件中都有效，并檢查綁定，指令，組件和許多其他內(nèi)容的使用。

2、Angular項(xiàng)目中的導(dǎo)航更容易：在Angular應(yīng)用程序中，您現(xiàn)在可以使用相關(guān)符號(hào)...彈出窗口(Ctrl-Cmd-Up / Ctrl + Alt + Home)在不同的組件文件(如TypeScript，模板，樣式和測(cè)試文件)之間快速切換。在TypeScript文件中，彈出窗口還將列出導(dǎo)入此文件的所有符號(hào)。

3、改進(jìn)了對(duì)Vue應(yīng)用程序中TypeScript的支持：webstorm現(xiàn)在使用TypeScript語(yǔ)言服務(wù)以及對(duì).vue文件中任何TypeScript代碼的自己的TypeScript支持。這意味著您現(xiàn)在可以獲得更準(zhǔn)確的類(lèi)型檢查和類(lèi)型信息，您將能夠使用服務(wù)提供的快速修復(fù)程序，并在TypeScript工具窗口中查看當(dāng)前文件中的所有TypeScript錯(cuò)誤。

4、React鉤子的提取方法：該提取方法重構(gòu)現(xiàn)在與當(dāng)?shù)氐墓δ芎褪褂媒鈽?gòu)的返回值，使得它非常適合提取自定義作出反應(yīng)掛鉤。

5、改進(jìn)了道具的完成：webstorm現(xiàn)在為使用擴(kuò)展運(yùn)算符合并的React props提供了更好的代碼完成。

三、HTML和樣式表

1、更新文檔：CSS屬性和HTML標(biāo)記及屬性的文檔(F1)現(xiàn)在顯示有關(guān)MDN的瀏覽器支持的最新描述和信息，以及指向完整MDN文章的鏈接。

2、CSS的瀏覽器兼容性檢查：要檢查目標(biāo)瀏覽器版本是否支持您使用的所有CSS屬性，可以在首選項(xiàng)中啟用新的 瀏覽器兼容性檢查。

3、對(duì)CSS模塊的Camel案例支持：如果在項(xiàng)目中使用CSS模塊，JavaScript文件中的類(lèi)的代碼完成現(xiàn)在將建議帶有破折號(hào)的類(lèi)名的駝峰版本。

4、提取CSS變量：使用新的Extract CSS變量重構(gòu)，您可以使用語(yǔ)法將當(dāng)前.css文件中值的所有用法替換 為變量var(--var-name)。

四、測(cè)試

1、突出顯示測(cè)試中的失敗行：當(dāng)您使用Jest，Karma，Mocha或Protractor運(yùn)行測(cè)試并且某些測(cè)試失敗時(shí)，您現(xiàn)在可以在編輯器中看到問(wèn)題發(fā)生的位置。IDE將使用堆棧跟蹤中的信息并突出顯示失敗的代碼。在懸停時(shí)，您將看到來(lái)自測(cè)試運(yùn)行器的錯(cuò)誤消息，您可以立即開(kāi)始調(diào)試測(cè)試。

2、使用Cucumber和TypeScript進(jìn)行測(cè)試：使用Cucumber和TypeScript?現(xiàn)在，您可以跳到從步驟.feature文件 到它們的定義中 的.ts文件中使用速戰(zhàn)速?zèng)Q(和產(chǎn)生缺定義Alt-Enter組合)。

安裝教程

1、下載解壓，得到JetBrains webstorm2021.1原程序、破解補(bǔ)丁和漢化補(bǔ)??；

2、雙擊“WebStorm-211.4961.31.exe”開(kāi)始安裝軟件，點(diǎn)擊next；

3、設(shè)置安裝路徑，大家根據(jù)自己的情況安裝即可；

4、根據(jù)自己的需求來(lái)選擇勾選，點(diǎn)擊next；

5、點(diǎn)install開(kāi)始安裝，請(qǐng)耐心等待幾分鐘；

6、安裝完成后即可運(yùn)行WebStorm 2021；

7、首次運(yùn)行軟件會(huì)讓用戶配置或?qū)朐O(shè)置、選擇主題，這些用戶都可以隨意設(shè)置，到注冊(cè)界面時(shí)，請(qǐng)選擇evaluate for free，點(diǎn)擊evaluate試用軟件；

8、接著再將本站提供的“jetbrains-agent-latest.zip”文件拖放到 IDE 窗口，并點(diǎn)擊restart；

9、點(diǎn)擊安裝和是；

10、不過(guò)這時(shí)還是全英文的，那么webstorm怎么換成中文呢？接著此時(shí)同時(shí)按下鍵盤(pán)的Ctrl+ALT+S 打開(kāi) Settings -> Plugins ；

11、選擇“marketplace”接著在輸入框中輸入“Chinese”后即可找到漢化插件，點(diǎn)擊“install”進(jìn)行下載；

12、下載完成后點(diǎn)擊“restart ide”——“restart”；

13、然后重啟就是全中文的啦，然后即可隨意的使用webstorm2021.1永久破解版軟件啦。