如何在Nova编辑器中格式化杂乱HTML代码？安装Prettier后代码混乱如何修复

问题核心为两款格式化扩展同时启用时触发优先级冲突，Prettier默认规则覆盖了Beautify原有的格式化配置，才会出现标签属性强制换行、缩进异常的问题

解决步骤： #

• 第一步：调整扩展格式化优先级
  打开Nova编辑器偏好设置（快捷键 Command+,），切换到「扩展」标签页：
  1. 如果你希望继续沿用之前Beautify的格式化效果，找到Prettier扩展的配置，取消HTML类型的文件关联，将HTML文件的默认格式化器指定为Beautify即可
  2. 如果你更习惯用Prettier的格式化逻辑，就取消Beautify的HTML文件关联，在项目根目录新建 .prettierrc 配置文件，添加如下规则修正异常样式：

  {
    "htmlWhitespaceSensitivity": "css",
    "printWidth": 120,
    "singleAttributePerLine": false,
    "tabWidth": 2,
    "useTabs": false
  }
  

  其中singleAttributePerLine设置为false即可关闭标签每个属性单独换行的问题，调大printWidth数值可以避免代码被强制折行
• 第二步：配置格式化触发方式
  回到Nova偏好设置的「编辑器」标签页，开启「保存时格式化文件」选项，确认你选中的格式化器已经关联HTML文件类型；如果需要手动格式化当前文档，右键点击编辑器空白处，在弹出菜单的「格式化」二级列表中选择对应工具即可触发格式化
• 第三步：修复已混乱的现有代码
  全选当前HTML文档的所有内容，按下 Shift+Tab 统一减少缩进直到所有代码顶格对齐，避免之前的错误缩进叠加，再执行一次格式化即可恢复正常样式

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