使用Vscode编写html文档时，Prettier的自动格式化功能不生效的解决办法。

起因：

在编写html文档时发现，保存的时候，文档不能自动格式化为固定格式

解决方法：

1.检查右下角报错提示

2.检索错误信息

错误信息如下：

["ERROR" - 222:59:09] Error formatting document.
["ERROR" - 22:59:09] Unexpected closing tag "span". It may happen when the tag has already been closed by another tag. For more info see <url id="cv5gjic7fffc8g2o0hg" type="url" status="parsed" title="HTML Standard" wc="31635">https://www.w3.org/TR/html5/syntax.html#closing-elements-that-have-implied-end-tags</url> (48:9)

翻译：

["ERROR" - 222:59:09]格式化文档出错。
[“ERROR“ - 22:59:09]意外的结束标签”span”它可能发生在标签已经被另一个标签关闭的时候。更多信息请参见<url id="cv5gjic7fffc8g2o0hg" type="url" status="parsed" title="HTML Standard" wc="31635">https://www.w3.org/TR/html5/syntax.html#closing-elements-that-have-implied-end-tags</url> （48:9）

原因是：

第48行span标签不完整。

3.更改代码，补齐之后，就可以正常格式化文档了。

补充：

为了方式发生类似的情况，添加HTMLlint插件。在出现类似错误时，自动提示。

prettier配置步骤：

1.安装

2.设置vscode默认格式化程序

3.设置保存时，启动默认格式化程序

4.设置自动保存，防止疏忽，而导致不能格式化

5.在vscode的配置文件setting.json中，指定prettier为默认的代码格式化程序，代码如下

{
  // 核心配置
  "editor.defaultFormatter": "esbenp.prettier-vscode",
  "editor.formatOnSave": true,

  // Prettier 专属配置
  "prettier.printWidth": 80,
  "prettier.tabWidth": 2,
  "prettier.useTabs": false,
  "prettier.semi": true,
  "prettier.singleQuote": false,
  "prettier.trailingComma": "es5",

  // 强制处理 HTML 的配置
  "prettier.htmlWhitespaceSensitivity": "ignore",
  "prettier.bracketSameLine": false,
  "[html]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  }
}

至此完成。

’（￣︶￣）↗　如果发现了错误，欢迎交流指导。