WebStorm 2021.3.1，即 WebStorm 2021.3 的第一個錯誤修復更新已正式釋出。它包含了大量的修復和改進，包括對 Tailwind CSS v3.0 的支援以及為元件和標籤設定不同的顏色。
修復 Tailwind CSS
WebStorm 2021.3.1 為 Tailwind CSS 提供了兩個重要的修復 —— 和 。現在，Tailwind CSS 類的程式碼補全應按預期正常工作，並增加了對 v3.0 的支援。
為元件和標籤設定不同顏色
WebStorm 2021.3.1 增加了一個新的 Custom Tag Name（自定義標籤名稱）選項，允許為 Vue、React JSX 和 Angular 元件設定不同的顏色。這個新選項位於「偏好設定-設定-編輯器-顏色方案-HTML-XML」中。
HTML 中補全建議的圖示
對於 HTML，WebStorm 現在會在程式碼補全彈出視窗的建議旁邊顯示圖示。根據不同的建議，你會看到實時模板、標籤和單詞的圖示。希望這一變化能讓你更容易區分不同種類的建議，這樣你就能始終選擇正確的建議。
對 Stylelint 的改進
Stylelint 現在只支援 CSS 檔案，並要求你更新 .stylelintrc 檔案以開啟對其他檔案型別的支援。如果你在預設設定下使用，每當你開啟不是 .css 的檔案時，WebStorm 都會顯示一個錯誤。
為了解決這個問題，WebStorm 2021.3.1 為檔案欄位引入了一個新的執行。你可以在「偏好設定-設定-語言和框架-樣式表-Stylelint」中找到它。預設值是 {**/*,*}.{css}，Stylelint 14+ 預設只處理純 CSS 檔案。
其他值得注意的改進
- 改變了受信任專案功能的行為和實現
- 解決了 Angular 支援方面的一些問題 (、 和 ).
- 對於 Yarn PnP，現在應該對間接依賴關係進行索引 ().
- Vue 中現在支援 v-bind CSS 函數 ().
- 修正了在 macOS Big Sur 上導致對話方塊顯示在錯誤視窗的問題 ().
- 修正了在嘗試調整工具視窗大小時，意外啟用視窗拖放功能的問題 ().
更多詳情可檢視：