WebStorm破解版是一款非常專業(yè)的HTML編輯工具。它支持20多種語言的語法突出顯示，以及全新的解構(gòu)意圖等等，能夠幫助程序員更好的高效完成代碼編寫，新版對JavaScript，TypeScript和CSS支持更好，改進(jìn)了Vue.js的體驗，此版本內(nèi)置破解補(bǔ)丁，可永久免費使用。

【功能特點】

　　一、智能編碼輔助

　　WebStorm為您提供JavaScript和編譯到JavaScript語言，Node.js，HTML和CSS的智能編碼幫助。享受代碼完成，強(qiáng)大的導(dǎo)航功能，動態(tài)錯誤檢測以及所有這些語言的重構(gòu)。

　　1、現(xiàn)代框架

　　WebStorm為Angular， React，Vue.js和Meteor提供高級編碼幫助。享受對React Native，PhoneGap，Cordova和Ionic的支持，用于移動開發(fā)，并在服務(wù)器端使用Node.js進(jìn)行開發(fā)。一體化IDE！

　　2、智能編輯器

　　IDE會分析您的項目，以便為所有支持的語言提供最佳的代碼完成結(jié)果。當(dāng)您鍵入并建議快速修復(fù)選項時，數(shù)以百計的內(nèi)置檢查會報告任何可能的問題。

　　3、導(dǎo)航和搜索

　　WebStorm可幫助您更有效地繞過代碼，并在處理大型項目時節(jié)省時間。只需單擊一下即可跳轉(zhuǎn)到方法，函數(shù)或變量定義，或搜索用法。

　　二、調(diào)試，跟蹤和測試

　　WebStorm提供了強(qiáng)大的內(nèi)置工具，用于調(diào)試，測試和跟蹤客戶端和Node.js應(yīng)用程序。通過最少的配置和周到的IDE集成，使用WebStorm可以更輕松地完成這些任務(wù)。

　　1、調(diào)試

　　WebStorm 為您的客戶端代碼（適用于Chrome）和Node.js應(yīng)用程序提供內(nèi)置調(diào)試器。放置斷點，逐步執(zhí)行代碼并計算表達(dá)式 - 所有這些都不需要離開IDE。

　　2、測試

　　由于WebStorm與Karma測試運行器，Mocha，Jest和Protractor集成，因此可以輕松執(zhí)行測試。在IDE內(nèi)部運行和調(diào)試測試，以漂亮可視的格式查看結(jié)果，并導(dǎo)航到測試代碼。

　　3、跟蹤和分析

　　WebStorm具有spy-js，這是一種內(nèi)置工具，可幫助您跟蹤JavaScript代碼。探索文件如何與函數(shù)調(diào)用連接，并有效地識別任何可能的瓶頸。

　　三、無縫工具集成

　　WebStorm與用于Web開發(fā)的流行命令行工具集成，無需使用命令行即可為您提供高效，簡化的開發(fā)體驗。

　　1、構(gòu)建工具

　　享受簡單的統(tǒng)一UI，直接從IDE 運行Grunt，Gulp或 npm任務(wù)。所有任務(wù)都列在特殊工具窗口中，因此只需雙擊任務(wù)名稱即可啟動它。

　　2、代碼質(zhì)量工具

　　除了數(shù)百WebStorm自己檢查的，它可以運行ESLint， JSCS，TSLint，Stylelint， JSHint或JSLint的對你的代碼，并突出顯示在飛行的任何問題，就在編輯器中。

　　3、項目模板

　　使用流行的項目模板（如Express 或Web入門套件）從歡迎屏幕啟動新項目，并通過與Yeoman的集成訪問更多項目生成器。

　　四、IDE功能

　　WebStorm建立在開源IntelliJ平臺之上，我們JetBrains已經(jīng)開發(fā)和完善了超過15年。享受其提供的微調(diào)但高度可定制的體驗，以適應(yīng)您的開發(fā)工作流程。

　　1、VCS

　　WebStorm提供了統(tǒng)一的UI，可與許多流行的版本控制系統(tǒng)配合使用，確保在git，GitHub，SVN，Mercurial和Perforce之間提供一致的用戶體驗。

　　2、當(dāng)?shù)貧v史

　　無論您是否使用VCS，本地歷史記錄都可以成為真正的代碼保護(hù)程序。您可以隨時檢查特定文件或目錄的歷史記錄，并回滾到以前的任何版本。

　　3、定制

　　WebStorm非常可定制。調(diào)整它以完全適合您的編碼風(fēng)格，從快捷方式，字體和視覺主題到工具窗口和編輯器布局。

【新功能】

　　一、JavaScript和TypeScript

　　1、使用JavaScript解構(gòu)

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

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

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

　　二、構(gòu)架

　　1、對Angular應(yīng)用程序的新檢查

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

　　2、Angular項目中的導(dǎo)航更容易

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

　　3、改進(jìn)了對Vue應(yīng)用程序中TypeScript的支持

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

　　4、React鉤子的提取方法

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

　　5、改進(jìn)了道具的完成

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

　　三、HTML和樣式表

　　1、更新文檔

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

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

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

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

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

　　4、提取CSS變量

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

　　四、測試

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

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

　　2、使用Cucumber和TypeScript進(jìn)行測試

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

　　五、工具

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

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

　　2、完成npm腳本

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

　　3、改進(jìn)了對短絨的支持

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

　　4、支持Docker Compose

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

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

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

　　六、IDE

　　1、新的UI主題

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

　　2、最近的位置彈出

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

　　3、將項目另存為模板

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

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

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

【破解補(bǔ)丁】

　　1、如果想漢化成中文，可以將軟件包中漢化文件resources_cn.jar復(fù)制替換。

　　打開安裝目錄下的“lib”文件夾，將原來的resources_en.jar英文版文件刪除或重命名，再將|webstorm漢化補(bǔ)丁“resources_cn.jar”復(fù)制入內(nèi)即可，默認(rèn)安裝路徑【C:\Program Files\JetBrains\WebStorm 2022\lib】resources_en.jar重命名是為了返回英文界面，因為有用戶說漢化不是很全面，但99%漢化好了。

　　2、再次打開軟件，webstorm2022中文破解版已經(jīng)成功激活，所有功能都可以免費使用。