IntelliJ WebStorm 2020.3.3是一款專業(yè)的HTML編輯工具，是JetBrains2020最新更新的版本，在html5和JavaScript 方面也很出色?？梢哉f是“Web前端開發(fā)神器”、“最強大的HTML5編輯器”、“最智能的JavaScript IDE”。新版對JavaScript，TypeScript和CSS支持更好，改進了Vue.js的體驗，并為Jest集成增加了新功能。

今天腳本小編給大家分享的是IntelliJ WebStorm 2020 最新激活補丁和漢化補丁，此款軟件的激活比較麻煩，每個版本激活方法都不一樣，所以小編就給大家分享了詳細的安裝激活教程，圖文并茂，親測安裝。

IntelliJ WebStorm 最新激活教程 附漢化補丁安裝教程

安裝激活教程

1.在腳本之家下載解壓完成后，大家將獲得WebStorm的激活補丁和漢化補丁，如圖

2.在安裝激活補丁前，先安裝軟件，如圖

3.選擇安裝目錄，默認目錄：C:\Program Files\JetBrains\WebStorm 2019.3.3；（腳本之家小編選擇的是默認目錄，便于安裝，也有利于快速打開軟件。）

4.勾選下圖紅框內(nèi)的選擇，其他的大家可以根據(jù)需要選擇勾選，如圖

5.直接next即可，如圖

6.等待安裝完成，如圖

7.安裝完成，先不要運行軟件，等待安裝激活補丁，如圖

8.在安裝激活補丁前，首先要打開軟件的安裝目錄，如果忘記軟件的安裝目錄，請返回到桌面，找到軟件的桌面快捷圖標，并右鍵點擊圖標，出現(xiàn)彈窗后選擇“打開文件位置”即可獲得文件安裝目錄。如圖

打開軟件安裝目錄后，打開激活補丁文件夾，將里面的“jetbrains-agent.jar”文件復制到軟件安裝目錄（bin文件里面）；

然后運行軟件。

9.運行軟件后，之前都是默認選擇；

到了下圖的界面，請選擇evaluate for free (免費評估)---點擊evaluate（選擇30天免費試用）；如圖

10.獲得30天試用權限，點擊continue，如圖

11.進入此界面，選擇configure ---- edit custom VM options；如圖

12.這步很重要 一定不能錯。

首選復制軟件安裝目錄，將軟件安裝目錄復制到“-javaagent:軟件安裝目錄\jetbrains-agent.jar”之間；

例：腳本之家小編的安裝目錄為（C:\Program Files\JetBrains\WebStorm 2019.3.3\bin），所以就將軟件安裝目錄復制到   -javaagent:C:\Program Files\JetBrains\WebStorm 2019.3.3\bin\jetbrains-agent.jar

最后選擇保存，如圖

13.以上步驟完成后，重啟軟件；

軟件重啟完成后，在激活界面就可以看到以下信息；如圖

14.激活完成，獲得全部的使用權限。

漢化補丁安裝教程

15.在安裝漢化補丁前請關閉軟件；

打開漢化補丁文件夾，將里面的“resources_cn.jar”復制到lib文件下，如圖

16.運行軟件即可，漢化完成。如圖

新功能：

一、JavaScript和TypeScript

1、使用JavaScript解構

通過解構，您可以使用非常簡潔的語法將數(shù)組和對象中的值解壓縮到變量中。WebStorm的新重構和意圖(Alt-Enter)可以幫助您輕松地將解構引入 JavaScript或TypeScript代碼。

2、使用Promise將函數(shù)轉換為async / await

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

二、構架

1、對Angular應用程序的新檢查

對于Angular應用程序，webstorm 2019.1添加了17項新檢查，可幫助您在鍵入時檢測應用程序中的Angular特定錯誤，并建議快速修復。這些檢查在TypeScript和模板文件中都有效，并檢查綁定，指令，組件和許多其他內(nèi)容的使用。

2、Angular項目中的導航更容易

在Angular應用程序中，您現(xiàn)在可以使用相關符號...彈出窗口(Ctrl-Cmd-Up / Ctrl + Alt + Home)在不同的組件文件(如TypeScript，模板，樣式和測試文件)之間快速切換。在TypeScript文件中，彈出窗口還將列出導入此文件的所有符號。

3、改進了對Vue應用程序中TypeScript的支持

webstorm 2019.1現(xiàn)在使用TypeScript語言服務以及對.vue文件中任何TypeScript代碼的自己的TypeScript支持。這意味著您現(xiàn)在可以獲得更準確的類型檢查和類型信息，您將能夠使用服務提供的快速修復程序，并在TypeScript工具窗口中查看當前文件中的所有TypeScript錯誤。

4、React鉤子的提取方法

該提取方法重構現(xiàn)在與當?shù)氐墓δ芎褪褂媒鈽嫷姆祷刂?，使得它非常適合提取自定義作出反應掛鉤。

5、改進了道具的完成

webstorm 2019.1現(xiàn)在為使用擴展運算符合并的React props提供了更好的代碼完成。

三、HTML和樣式表

1、更新文檔

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

2、CSS的瀏覽器兼容性檢查

要檢查目標瀏覽器版本是否支持您使用的所有CSS屬性，可以在首選項中啟用新的 瀏覽器兼容性檢查。

3、對CSS模塊的Camel案例支持

如果在項目中使用CSS模塊，JavaScript文件中的類的代碼完成現(xiàn)在將建議帶有破折號的類名的駝峰版本。

4、提取CSS變量

使用新的Extract CSS變量重構，您可以使用語法將當前.css文件中值的所有用法替換 為變量var(--var-name)。

四、測試

1、突出顯示測試中的失敗行

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

2、使用Cucumber和TypeScript進行測試

使用Cucumber和TypeScript?現(xiàn)在，您可以跳到從步驟.feature文件 到它們的定義中 的.ts文件中使用速戰(zhàn)速決(和產(chǎn)生缺定義Alt-Enter組合)。

五、工具

1、新的調(diào)試器控制臺

在JavaScript和Node.js調(diào)試工具窗口中使用新的，改進的交互式調(diào)試器控制臺!它現(xiàn)在使用樹視圖顯示對象，它支持使用CSS設置日志消息樣式并使用console.group()和 對它們進行分組console.groupEnd()。您還可以過濾掉任何類型的日志消息。

2、完成npm腳本

將新腳本添加到package.json文件時，WebStorm現(xiàn)在會為已安裝的軟件包提供的可用命令提供建議。鍵入后 node，IDE將建議文件夾和文件名。輸入后npm run，您將看到當前文件中定義的任務列表。

3、改進了對短絨的支持

webstorm 2019.1現(xiàn)在可以 在一個項目中為ESLint和TSLint運行多個進程，以確保它們在單個項目和具有多個linter配置的項目中正常工作 。

4、支持Docker Compose

如果使用Docker測試Node.js應用程序，現(xiàn)在可以使用Docker Compose文件中描述的配置從IDE 輕松運行和調(diào)試應用程序。

5、依賴項的版本范圍工具提示

在的package.json，按命令/ Ctrl鍵和版本懸停的依賴關系，看看運行的時候可以安裝什么版本范圍 npm install或yarn install。

六、IDE

1、新的UI主題

您現(xiàn)在可以在WebStorm中使用新的豐富多彩的UI主題作為插件。選擇 深紫色，灰色和 青色光主題，或創(chuàng)建自己的主題 。

2、最近的位置彈出

在最近的位置彈出(Cmd的移-E / 按Ctrl + Shift + E)是一種新的方式 瀏覽各地的項目。它顯示了最近在編輯器中打開的所有文件和代碼行的列表。您可以開始鍵入以過濾結果并跳轉到您需要的代碼。

3、將項目另存為模板

通過“ 工具”菜單中的新操作“ 另存為模板 ” ，您現(xiàn)在可以使用項目作為在IDE歡迎屏幕上創(chuàng)建新項目的基礎。

4、所選文件類型的軟包裝

您現(xiàn)在可以在編輯器中為特定文件類型啟用軟包裝。為此，請打開“首選項/設置”| 編輯| 常規(guī)并在軟包裝文件字段中指定文件類型。