Prettier - HTML 和 JS 的配置答案

【问题标题】：Prettier - Config for HTML and JSPrettier - HTML 和 JS 的配置
【发布时间】：2021-10-07 04:24:26
【问题描述】：

我想在一个配置文件 .prettierrc 中指定 HTML 和 JS 的字符串长度。

 module.exports = {
  singleQuote: true,
  printWidth: 80,
  [HTML]: {
    printWidth: 150,
  },
};

但是在日志中我得到了：

ReferenceError: HTML is not defined

【问题讨论】：

在该行中，它期望HTML 引用现有变量并且没有这样的变量，因此错误似乎是合理的。查看prettier.io/docs/en/configuration.html#configuration-overrides，看起来应该使用“文件”选项指定覆盖，所以像"files": "*.html" 这样的东西应该可以工作吗？

标签： javascript html visual-studio-code prettier

【解决方案1】：

您应该改用.prettierrc 格式，visual studio code 在您使用此格式时也会提供智能感知。

您收到错误是因为：

文件需要是 JSON 格式，
任何覆盖都需要在overrides JSON 键下指定

在您的情况下，文件应如下所示：

.prettierrc

{
  "singleQuote": true,
  "printWidth": 80,
  "overrides": [
    {
      "files": ["**/*.html"],
      "options": {
        "printWidth": 150
      }
    }
  ]
}

【讨论】：