在 PhpStorm 中取消 CSS

Unminifying CSS in PhpStorm

我在 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>

要重新格式化目录的代码,请按照下列步骤操作:

  1. 在项目工具 window 中,select 您要应用重新格式化的模块或目录。
  2. 从主菜单,select代码|重新格式化代码或按 Ctrl+Alt+L。 或者,在项目工具 window 中,右键单击目录,然后从上下文菜单中,select 重新格式化代码。
  3. 在“重新格式化代码”对话框中,指定重新格式化所需的选项和过滤器,然后单击 运行。

要重新格式化当前文件的代码,请按照下列步骤操作:

  1. 在当前打开文件的编辑器中,按Ctrl+Shift+Alt+L。

  2. 在“重新格式化文件”对话框中,指定重新格式化的选项并单击 运行。