html - 在 Angular 项目中格式化 HTML。强制 vscode 中的 wrapAttributes 仅适用于 Angular 组件标签

标签 html angular visual-studio-code

经过一段时间的搜索,因为我找不到实现我想要在这里发布问题的方法。我想按照下面解释的方式格式化 Angular HTML 文件。

有足够的格式化方法。使用扩展或通过 "html.format.wrapAttributes": "force"覆盖 vscode 设置 这是按 Ctrl+Shift+Enter 后文件的格式 enter image description here

我只想将 Angular 组件选择器的属性设置为如下所示的格式。 enter image description here

是否有任何扩展或自定义或任何更好的方法来做到这一点?

最佳答案

您可以在 VS Code 设置中使用以下选项:

"html.format.wrapAttributes": "preserve-aligned"

如果您将 Angular 组件的属性拆分为不同的行(并将其余 HTML 属性保留在一行中),它​​将正确格式化您的文档,而不会破坏您定义的“规则”。

是的,它需要一些手动工作,但这是我找到的最佳替代方案。

关于html - 在 Angular 项目中格式化 HTML。强制 vscode 中的 wrapAttributes 仅适用于 Angular 组件标签,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47568457/

相关文章:

javascript - 浏览器存储 - 物理位置?

html - 修复水平滚动

html - 网站在手机屏幕底部的黑色空间

php - 为什么这个 jQuery css() 调用不起作用?

Angular 2 : sequence and parallel service calls

angular - 在自定义 Angular 组件中访问 FormControl

angular - 解析器 vs Redux

react-native - 无法在 vscode 上调试 expo 项目

ios - Flutter 运行 - 无法构建 iOS 应用程序 - 命令 PhaseScriptExecution 失败,退出代码非零

reactjs - NPM 安装在这个 VSCode 项目中发疯,请指教