You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何在Visual Studio Code 2022中禁用/忽略部分HTML代码格式化?

VS Code 2022中阻止HTML部分代码格式化的可行方案
  • 用内置注释标记忽略区域
    针对VS Code自带的HTML格式化工具,直接在要保护的代码段前后添加注释:

    <!-- prettier-ignore-start -->
    <!-- 这段代码不会被格式化 -->
    <div class="my-custom-block">
        <p>手动排版的内容</p>
          <span>缩进也会原样保留</span>
    </div>
    <!-- prettier-ignore-end -->
    

    要是默认工具不识别这组注释,换用<!-- @formatter:off -->和<!-- @formatter:on -->试试,部分内置语言服务支持这组标记。

  • 适配Prettier插件(如果在用)
    如果你装了Prettier作为默认格式化器,上面的prettier-ignore-start/end注释肯定生效。要是没效果,先检查VS Code的默认格式化器是否设为Prettier:按Ctrl+,打开设置,搜索Default Formatter,选择esbenp.prettier-vscode即可。

  • 全局配置指定不格式化的内容
    要是想让某类标签里的内容永远不被格式化,直接修改settings.json:
    按Ctrl+Shift+P打开命令面板,输入Open Settings (JSON),添加以下配置:

    "html.format.contentUnformatted": "pre,code,script,style",
    "html.format.unformatted": "span,div,p"
    

    其中contentUnformatted设置哪些标签内部的内容不格式化,unformatted设置哪些标签本身不被调整格式,按需修改即可。

内容的提问来源于stack exchange,提问作者Esteban

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.11 09:31:06