在 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>
要重新格式化目录的代码,请按照下列步骤操作:
- 在项目工具 window 中,select 您要应用重新格式化的模块或目录。
- 从主菜单,select代码|重新格式化代码或按 Ctrl+Alt+L。
或者,在项目工具 window 中,右键单击目录,然后从上下文菜单中,select 重新格式化代码。
- 在“重新格式化代码”对话框中,指定重新格式化所需的选项和过滤器,然后单击 运行。
要重新格式化当前文件的代码,请按照下列步骤操作:
在当前打开文件的编辑器中,按Ctrl+Shift+Alt+L。
在“重新格式化文件”对话框中,指定重新格式化的选项并单击 运行。
我在 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>
要重新格式化目录的代码,请按照下列步骤操作:
- 在项目工具 window 中,select 您要应用重新格式化的模块或目录。
- 从主菜单,select代码|重新格式化代码或按 Ctrl+Alt+L。 或者,在项目工具 window 中,右键单击目录,然后从上下文菜单中,select 重新格式化代码。
- 在“重新格式化代码”对话框中,指定重新格式化所需的选项和过滤器,然后单击 运行。
要重新格式化当前文件的代码,请按照下列步骤操作:
在当前打开文件的编辑器中,按Ctrl+Shift+Alt+L。
在“重新格式化文件”对话框中,指定重新格式化的选项并单击 运行。