如何在VS Code的Prettier中禁用HTML单标签末尾添加/

方法一：通过VS Code图形化设置操作 #

• 打开VS Code设置界面：按下快捷键 Ctrl+,（Windows/Linux）或 Cmd+,（Mac），或者点击左下角齿轮图标选择「Settings」。
• 在搜索框输入 Prettier Html Self Closing Comma，找到对应设置项。
• 将选项值改为 never，Prettier就不会自动给<img>、<input>这类HTML单标签末尾添加斜杠。

方法二：通过Prettier配置文件设置 #

• 在项目根目录创建或编辑Prettier配置文件（比如 .prettierrc、.prettierrc.json 或 prettier.config.js）。
• 在配置文件中添加规则：

  {
    "html": {
      "selfClosingComma": "never"
    }
  }
  

• 保存配置文件后，VS Code会自动读取新规则，单标签将不再被自动添加斜杠。

注意：若项目已有Prettier配置，直接在现有配置中插入上述html节点即可，无需重复构建配置结构。

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