寻求支持MSO条件语句的营销邮件HTML格式化VS Code扩展

可用扩展及配置方案 #

• 首选方案：Prettier 搭配兼容配置
  最新版本的Prettier已原生支持识别MSO条件注释，不会将<!--[if mso]>这类Outlook兼容语句判定为普通注释进而打乱缩进层级。只需在项目根目录新增.prettierrc配置文件，加入以下规则即可正常使用：

  {
    "htmlWhitespaceSensitivity": "strict",
    "commentPreserveSpaces": "keep-all",
    "html.format.indentInnerHtml": true
  }
  

• 备选方案：Unibeautify - Universal Formatter
  如果你习惯自定义格式化规则，这款扩展支持手动配置HTML注释白名单，只需在扩展设置中将<!--[if mso]>、<![endif]-->等MSO专属标签加入保留格式的列表，格式化时就会自动保留对应内容的层级结构，不会出现缩进错乱问题。
• 专项适配方案：Email HTML Formatter
  这是专门面向营销邮件开发场景的VS Code格式化扩展，原生内置了MSO条件语句识别规则，无需额外配置就能正确处理Outlook兼容代码的缩进，同时针对邮件场景常用的内联样式、嵌套表格布局的格式化逻辑做了专项优化，更契合邮件开发的使用习惯。

使用注意事项 #

• 安装目标扩展后请禁用其他存在冲突的HTML格式化扩展，避免多工具同时运行导致规则冲突
• 首次使用前建议先备份存量代码，小范围测试格式化效果符合预期后再执行全量格式化
• 针对嵌套层级极深的复杂MSO条件语句，可以在代码段前后添加<!-- prettier-ignore -->（对应Prettier工具）注释，强制工具跳过该段的格式化处理，完全保留原有格式

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