中文JavaScript開發HTML5編輯器WebStorm2022

在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歡迎螢幕上創建新項目的基礎。

所選文件類型的軟包裝

您現在可以在編輯器中為特定文件類型啟用軟包裝。為此，請打開「首選項/設置」| 編輯| 常規並在軟包裝文件欄位中指定文件類型。

Mac：https://www.macz.com/mac/2245.html?id=NzY4OTU4Jl8mMjcuMTg2LjE0LjEyOA%3D%3D