ReSharper 2025.2 Help

CSS 的重构

CSS 样式的重构帮助您快速将 CSS 样式移动到样式表之间或 HTML 文件中,或者即时创建一个新的样式表并将现有样式移动到其中。 您还可以通过几次点击重命名 CSS 类及其用法。

执行重构

  1. 将插入符号放在符号上,选择您想要重构的代码片段,或在工具窗口中选择一个项目。

  2. 执行以下操作之一:

    • 从主菜单中选择 ReSharper | 重构 ,然后选择所需的重构。 此菜单中可用的重构列表取决于当前上下文。 如果 ReSharper 无法为上下文建议任何重构,则整个菜单将被禁用。

    • 在编辑器、 文件结构 窗口或其他 ReSharper 窗口中,右键单击您想要转换的项目,从上下文菜单中选择 重构 ,然后选择所需的重构。

    • 从主菜单中选择 ReSharper | 重构 | 重构此项 ,或按 Control+Shift+R 显示适用的重构列表,然后选择其中一个。 您还可以在选择的上下文菜单中选择 重构

    • 使用分配给特定重构的 默认键盘快捷键 ,或为您喜欢的重构命令 分配自定义快捷键

  3. 如果所选的重构需要用户输入,则会打开重构向导。 请注意,向导的对话框不是模态的,因此您可以在向导打开时编辑代码。

    要回滚重构操作,向导提供了选项  要启用撤销功能,请打开所有有更改的文件进行编辑。 如果您选择此选项,ReSharper 会在新的编辑器选项卡中打开所有修改过的文件,并允许您回滚重构。 在这种情况下,您需要自己保存更改。 如果未选择此选项, ReSharper 会自动保存修改过的文件,而无需打开它们。

  4. 如果重构操作会导致代码冲突(例如重复的名称、可见性冲突等),向导会在应用重构之前的最后一步显示冲突列表。 对于某些冲突,向导还可以建议快速修复。 更多信息请参阅 解决重构中的冲突

在您修改编辑器中的代码后,某些重构会立即可用。 有关更多信息,请参阅 就地重构

提取样式

此重构允许您从 CSS 文件中的另一个规则集或 HTML 中的 样式 属性中定义的现有规则创建一个 CSS 规则集。 当您的插入符号位于 CSS 文件中的 CSS 规则集或 HTML 文件中的 样式 标签中,以及 HTML 文件中的 样式 属性中时,您可以调用此重构。 在打开的 提取样式 对话框中,使用复选框指定您要提取的样式声明(可选地,您可以在调用重构之前选择所需的声明)。 如有必要,修改新规则集的选择器。

将 CSS 样式提取到新的规则集中

应用重构后,提取的规则集会在同一文件中创建。 如果您从 HTML 样式 属性中提取内联样式规则,提取的规则集会放置在 样式 标签中。 如果您想将提取的规则集放置在另一个文件中,请随后使用 Move 重构。

移动

此重构允许您将 CSS 规则集移动到另一个文件。 当您的插入符号位于 CSS 文件中的 CSS 规则集或 HTML 文件中的 样式 标签中时,您可以调用此重构。 在打开的 移动 对话框中,指定目标文件或输入新 CSS 文件的名称,然后单击 创建。 如有必要,选择 插入导入指令 以添加包含规则集移动目标文件 URL 的 @import

将 CSS 规则集移动到另一个文件

单击 下一步 完成重构。

您还可以使用专用快捷键 F6 调用此重构。

重命名

重命名重构 也可用于 CSS,允许您重命名类选择器或 ID 选择器,无论您是在声明还是用法中调用重构,在 CSS 文件或标记文件中均可。

在打开的 重命名 对话框中,指定类或 ID 的新名称,然后单击 下一步。 默认情况下,ReSharper 会找到被重命名项的所有用法,并在重构向导的下一页显示它们。 如有必要,您可以清除不想重命名的用法旁边的复选框。

您还可以使用专用快捷键 F2 调用此重构。

最后修改日期: 2025年 9月 27日