WebStorm for Mac(前端開發工具)

WebStorm   for Mac 的最新中文版，被稱為最好用的Web 前端開發神器。WebStorm 新版對JavaScript ，TypeScript 和CSS 支援更好，改進了Vue.js 的體驗，併為Jest 整合增加了新功能。

功能介紹

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

所選檔案型別的軟包裝

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