如何在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
相关产品推荐
相关产品推荐

