0

背景

我尝试了几个关键字,但无法找到禁用更漂亮的引号修改的解决方案。我正在做一个 Polymer Lit 项目,我尝试了很多东西,但维护代码缩进真的很困难……所以 prettier 做得很好,但只有一个问题破坏了我的代码。

格式化前的代码

html`<div style="${'background-color: ' + this.bgColor }">
...
</div>`

格式化后的代码

html`<div style="${"background-color: " + this.bgColor}">...</div>`

是否有任何标志/属性我可以传递给 prettier 以忽略或避免引号,并且所有其他事情都应该解决......

如果没有任何人可以告诉我是否有任何其他 Formater 可以使用 lit 元素完成干净的工作..

4

1 回答 1

0

这是我.prettierrc所有的点亮项目:

{
  "trailingComma": "es5",
  "tabWidth": 2,
  "singleQuote": true,
  "bracketSpacing": false,
  "arrowParens": "always"
}

在标记中我正在使用这个(示例):

<div class="wrapper ${this.animated ? 'active' : ''}" ${animate()}>

这对我有用,从来没有任何问题。

于 2022-01-13T20:25:26.290 回答