JavaScript開發工具WebStormv2022.2中文

mac58發表於2022-07-27

WebStorm一款非常專業的HTML編輯工具。它支援20多種語言的語法突出顯示,以及全新的解構意圖等等,能夠幫助程式設計師更好的高效完成程式碼編寫,新版對JavaScript,TypeScript和CSS支援更好,改進了Vue.js的體驗。WebStorm新增了17項新檢查,可幫助您在鍵入時檢測應用程式中的Angular特定錯誤,並建議快速修復。這些檢查在TypeScript和模板檔案中都有效,並檢查繫結,指令,元件和許多其他內容的使用。此版本內建破解啟用碼,可永久使用。

使用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歡迎螢幕上建立新專案的基礎。

所選檔案型別的軟包裝

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

JavaScript開發工具WebStormv2022.2中文來源於:https://www.macz.com/mac/2245.html?id=NzY4OTU4Jl8mMjcuMTg3LjIyNi4xOTM%3D

來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/70008994/viewspace-2907849/,如需轉載,請註明出處,否則將追究法律責任。

相關文章