html - 在 PhpStorm 中缩小 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. 在“重新格式化文件”对话框中，指定重新格式化的选项，然后单击“运行”。