javascript - 配置 Prettier 以避免替换引号

Question

背景

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

格式化前的代码

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

格式化后的代码

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

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

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

score 0 · Accepted Answer

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

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

在标记中我正在使用这个（示例）：

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

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

1 回答 1