如何配置Prettier避免自动替换引号，适配Polymer Lit项目开发？

Prettier 没有完全禁用引号修改的参数，但可以通过配置匹配项目所需的引号风格，避免触发不符合预期的引号替换，同时保留其余所有格式化功能：

1. 首先将 Prettier 升级到 2.3.0 及以上版本，该版本开始默认支持识别 Lit 的 html 标签模板，不会误修改模板内表达式的引号导致语法冲突
2. 在项目根目录的 .prettierrc 配置文件中添加以下参数：

{
  "singleQuote": true,
  "jsxSingleQuote": true,
  "embeddedLanguageFormatting": "auto"
}

参数说明：

• singleQuote：强制JS代码中优先使用单引号，和HTML属性默认的双引号区分开，避免嵌套冲突
• embeddedLanguageFormatting：开启内嵌语言格式化识别，自动对html标签模板内的HTML内容和JS表达式分别应用对应格式化规则

如果 Prettier 的配置仍无法满足需求，可以使用专门适配 Lit 项目的格式化方案：

• ESLint + eslint-plugin-lit：可以通过 ESLint 的 quotes 规则完全自定义引号风格，结合缩进、换行等格式化规则，同时支持 Lit 模板语法的专属校验，不会出现语法格式化错误
• dprint：灵活性更高的格式化工具，内置对 Lit 模板的支持，可分别为JS代码、HTML模板、模板内JS表达式配置独立的引号规则，其余格式化能力和 Prettier 基本一致，性能更优

内容的提问来源于stack exchange，提问作者anees