首页 > 解决方案 > VS 代码在 HTML 行的末尾添加分号

问题描述

我在一个 Angular 项目中工作。当我创建一个简单的 HTML 模板时,例如:

<div>some {{ text }}</div>

VS Code 在保存时在行尾添加分号,这显然是不可取的。当您删除并再次保存时,它会将其重新添加。

对于更复杂的模板,这似乎不会发生,尤其是在使用指令或输入/输出时。

任何想法如何防止这种情况?

还只是提到我安装了以下扩展,这可能会影响它。

Angular 语言服务 Prettier - 代码格式化程序

标签: angularvisual-studio-codeideprettier-vscode

解决方案


解决方案 1


您可以在不使用格式化的情况下进行保存Ctrl+k Ctrl+Shift+S。同样,这将是一个临时解决方案。

解决方案 2.0


您应该检查已添加的插件并将其删除,以使 VSCode 保存功能按预期工作。

解决方案 2.1


CTRL+SHIFT+P,键入“Formatter”,您应该会看到一个显示 Formatter Config 的选项。

选择该选项后,将打开一个名为 formatter.json 的文件,您只需将属性(名为 onSave)从 true 更改为 false。

重新启动 VSCode,它应该已经停止了自动格式化。


推荐阅读