Visual Studio 2022：如何通过快捷键打开CSS隔离文件？

方法一：利用VS内置的「关联文件跳转」功能 #

VS自带的Edit.GoToRelatedFile命令可以快速列出当前文件的所有关联文件（包括.razor.css），默认快捷键是Ctrl+Alt+F7。操作流程：

• 打开任意.razor或.razor.cs文件，按下Ctrl+Alt+F7，会弹出关联文件列表
• 直接选中对应的.razor.css文件（或按回车键，如果它是列表第一个选项），即可快速打开

如果觉得默认快捷键不顺手，可以自定义：

1. 通过Ctrl+Q搜索「键盘」，打开「工具 > 选项 > 环境 > 键盘」设置界面
2. 在「显示命令包含」输入框中搜索Edit.GoToRelatedFile
3. 点击「按快捷键」输入框，按下你想要的快捷键（比如Shift+F7，和F7的代码后置切换形成对应）
4. 在「使用新快捷键于」下拉菜单中选择「全局」或「HTML编辑器」，避免和其他命令冲突

方法二：自定义宏一键打开对应CSS文件 #

如果想要一步到位直接打开CSS文件（无需选择列表），可以通过VS宏实现：

1. 打开「工具 > 宏资源管理器」（如果找不到，通过「工具 > 自定义 > 命令 > 菜单栏 > 工具」添加「宏资源管理器」选项）
2. 右键点击「MyMacros」，选择「新建模块」，命名为BlazorTools
3. 在模块中粘贴以下VB代码：

Sub OpenBlazorCssFile()
    Dim activeDoc As Document = DTE.ActiveDocument
    If activeDoc Is Nothing Then Exit Sub
    
    ' 生成对应CSS文件路径
    Dim cssFilePath As String = System.IO.Path.ChangeExtension(activeDoc.FullName, ".razor.css")
    
    ' 如果文件存在则打开
    If System.IO.File.Exists(cssFilePath) Then
        DTE.ItemOperations.OpenFile(cssFilePath)
    End If
End Sub

4. 保存宏后，回到「键盘」设置界面，搜索你创建的宏名称OpenBlazorCssFile
5. 绑定一个专属快捷键（比如Shift+F7），完成设置

这样以后打开.razor或.razor.cs文件时，按下绑定的快捷键就能直接打开对应的CSS后置文件，完全不用切换到解决方案资源管理器。

内容的提问来源于stack exchange，提问作者Jersey Dude