HTML5編輯器WebStorm2022

WebStorm2022是一款專業的HTML編輯工具，可以說是“Web前端開發神器”、“最強大的HTML5編輯器”、“最智慧的JavaScript IDE”。通過解構，您可以使用非常簡潔的語法將陣列和物件中的值解壓縮到變數中。WebStorm的新重構和意圖(Alt-Enter)可以幫助您輕鬆地將解構引入 JavaScript或TypeScript程式碼。與IntelliJ IDEA同源，繼承了IntelliJ IDEA強大的JS部分的功能，WebStorm能夠支援JavaScript，Node.js，ECMAScript 6，TypeScript，CoffeeScript和Dart以及HTML，CSS，Less，Sass和Stylus編碼，支援整個專案的強大導航和高階重構，可以適用於複雜的客戶端開發和使用Node.js的伺服器端開發。

使用JavaScript解構

通過解構，您可以使用非常簡潔的語法將陣列和物件中的值解壓縮到變數中。WebStorm的新重構和意圖(Alt-Enter)可以幫助您輕鬆地將解構引入 JavaScript或TypeScript程式碼。 對Angular應用程式的新檢查

對於Angular應用程式，WebStorm新增了17項新檢查，可幫助您在鍵入時檢測應用程式中的Angular特定錯誤，並建議快速修復。這些檢查在TypeScript和模板檔案中都有效，並檢查繫結，指令，元件和許多其他內容的使用。 Angular專案中的導航更容易

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

改進了對Vue應用程式中TypeScript的支援

WebStorm現在使用TypeScript語言服務以及對.vue檔案中任何TypeScript程式碼的自己的TypeScript支援。這意味著您現在可以獲得更準確的型別檢查和型別資訊，您將能夠使用服務提供的快速修復程式，並在TypeScript工具視窗中檢視當前檔案中的所有TypeScript錯誤。

React鉤子的提取方法

該提取方法重構現在與當地的功能和使用解構的返回值，使得它非常適合提取自定義作出反應掛鉤。

改進了道具的完成

WebStorm現在為使用擴充套件運算子合並的React props提供了更好的程式碼完成。 更新文件

CSS屬性和HTML標記及屬性的文件(F1)現在顯示有關MDN的瀏覽器支援的最新描述和資訊，以及指向完整MDN文章的連結。

CSS的瀏覽器相容性檢查

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

對CSS模組的Camel案例支援

如果在專案中使用CSS模組，JavaScript檔案中的類的程式碼完成現在將建議帶有破折號的類名的駝峰版本。

提取CSS變數

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

突出顯示測試中的失敗行

當您使用Jest，Karma，Mocha或Protractor執行測試並且某些測試失敗時，您現在可以在編輯器中看到問題發生的位置。IDE將使用堆疊跟蹤中的資訊並突出顯示失敗的程式碼。在懸停時，您將看到來自測試執行器的錯誤訊息，您可以立即開始除錯測試。

使用Cucumber和TypeScript進行測試

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

新的偵錯程式控制檯

在JavaScript和Node.js除錯工具視窗中使用新的，改進的互動式偵錯程式控制檯!它現在使用樹檢視顯示物件，它支援使用CSS設定日誌訊息樣式並使用console.group()和 對它們進行分組console.groupEnd()。您還可以過濾掉任何型別的日誌訊息。

完成npm指令碼

將新指令碼新增到package.json檔案時，WebStorm現在會為已安裝的軟體包提供的可用命令提供建議。鍵入後 node，IDE將建議資料夾和檔名。輸入後npm run，您將看到當前檔案中定義的任務列表。

改進了對短絨的支援

WebStorm現在可以 在一個專案中為ESLint和TSLint執行多個程式，以確保它們在單個專案和具有多個linter配置的專案中正常工作 。

支援Docker Compose

如果使用Docker測試Node.js應用程式，現在可以使用Docker Compose檔案中描述的配置從IDE 輕鬆執行和除錯應用程式。

依賴項的版本範圍工具提示

在的package.json，按命令/ Ctrl鍵和版本懸停的依賴關係，看看執行的時候可以安裝什麼版本範圍 npm install或yarn install。 新的UI主題

您現在可以在WebStorm中使用新的豐富多彩的UI主題作為外掛。選擇 深紫色，灰色和 青色光主題，或建立自己的主題 。

最近的位置彈出

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

將專案另存為模板

通過“ 工具”選單中的新操作“ 另存為模板 ” ，您現在可以使用專案作為在IDE歡迎螢幕上建立新專案的基礎。

所選檔案型別的軟包裝

您現在可以在編輯器中為特定檔案型別啟用軟包裝。為此，請開啟“首選項/設定”| 編輯| 常規並在軟包裝檔案欄位中指定檔案型別。

HTML5編輯器WebStorm2022來源於：https://www.macz.com/mac/2245.html?id=NzY4OTU4Jl8mMjcuMTg2LjE0LjEyOA%3D%3D