在PhpStorm中Unminifying CSS

Question

我正在PhpStorm 2016.3.2中工作。在我的HTML文件中有時會發現<style>標籤並在其中縮小CSS。

是否可以創建一個快捷方式來取消此代碼中的代碼？

例如，下面的代碼：

<style>.arrow{fill:none;stroke:#231f20;stroke-linecap:round;stroke-miterlimit:10;stroke-width:20px;}</style> 

應該

看起來是這樣的：

<style> 
.cls-1 { 
    fill: none; 
    stroke: #231f20; 
    stroke-linecap: round; 
    stroke-miterlimit: 10; 
    stroke-width: 20px; 
} 
</style> 

Answer 1

要爲目錄重新格式化代碼，請按照下列步驟操作：

1. 在項目工具窗口中，選擇要應用重新格式化的模塊或目錄。
2. 從主菜單中選擇代碼|重新格式化代碼或按Ctrl + Alt + L。 或者，在項目工具窗口中，右鍵單擊該目錄，然後從上下文菜單中選擇重新格式化代碼。
3. 在重新格式化代碼對話框中，爲您重新格式化指定必要的選項和過濾器，然後單擊運行。

要重新格式化代碼當前文件，請按照下列步驟操作：

1. 在當前打開的文件的編輯器，按Ctrl + Shift + Alt + L鍵。

2. 在重新格式化文件對話框中，指定用於重新格式化的選項，然後單擊運行。