VSCode保存时自动添加自闭合标签/,如何解决?
解决VSCode保存代码时Prettier自动添加自闭合标签的问题
全局设置修改
- 打开VSCode的设置面板(快捷键:Windows/Linux按
Ctrl+,,Mac按Cmd+,) - 在搜索栏输入
prettier html self closing tags,找到「Prettier: Html Self Closing Tags」选项 - 将选项值改为
false,Prettier就不会自动给标签添加自闭合斜杠了
项目专属配置(更推荐)
在项目根目录新建或编辑.prettierrc文件,写入以下配置:
{ "html.selfClosingTags": false }
这种方式仅对当前项目生效,不会影响其他项目的格式化规则。
冲突排查
如果修改后问题仍存在,检查是否有其他格式化插件(如ESLint)与Prettier冲突,可暂时禁用其他格式化插件测试;同时确认VSCode默认格式化器为Prettier——在设置中搜索default formatter,选择esbenp.prettier-vscode即可。
内容的提问来源于stack exchange,提问作者Danny Zhang
相关产品推荐
相关产品推荐

