You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

能否借助VS扩展或Roslyn分析器实现Prettier风格的Razor文件格式化?

可以将Razor文件标记格式化为Prettier风格的Visual Studio扩展/Roslyn分析器推荐
  • Razor Formatter(Visual Studio扩展)
    这是专门针对Razor文件的格式化工具,能实现类似Prettier处理JSX的排版效果——自动将多属性拆分为单独行、子元素缩进对齐。安装后直接用Visual Studio默认的格式化快捷键(Ctrl+K,Ctrl+D)或者右键菜单的「Format Document」就能触发,你的示例代码用它处理后就能得到目标样式。

  • EditorConfig + VS内置格式化
    不用装额外扩展,通过配置.editorconfig文件就能定制Razor的格式化规则,让内置工具输出接近Prettier的风格。在项目根目录创建.editorconfig文件,添加以下规则:

    [*.razor]
    indent_size = 4
    indent_style = space
    html_indent_attributes = true
    html_keep_whitespace_in_head_and_body = false
    

    保存后,用默认格式化快捷键就能让Razor标记按要求排版。

  • StyleCop.Analyzers(Roslyn分析器)
    虽然它主打C#代码规范,但配合EditorConfig的配置,能联动优化Razor文件中HTML部分的排版。它会辅助强制执行缩进、换行等规则,和前面的配置结合使用,也能达到你想要的格式化效果。

示例验证

原始Razor代码:

<MudTableSortLabel InitialDirection="SortDirection.Ascending" SortBy="new Func<WeatherForecast, object>(x => x.Date)">Date</MudTableSortLabel>

经过上述工具处理后,得到的格式化结果:

<MudTableSortLabel
    InitialDirection="SortDirection.Ascending"
    SortBy="new Func<WeatherForecast, object>(x => x.Date)"
>
    Date
</MudTableSortLabel>

内容的提问来源于stack exchange,提问作者TheMagnificent11

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.28 22:52:19