能否借助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
相关产品推荐
相关产品推荐

