通过 ESLint 使用 Prettier 格式化 Markdown 和 CSS 文件？

Question

目前，我已经使用以下内容通过 ESLint 设置了 Prettier

.eslintrc.json

：

{
  "extends": ["react-app", "plugin:prettier/recommended"]
}

这对于 JavaScript 文件的检查和格式化非常有效。

但是，当我尝试在 Markdown 和 CSS 文件上运行 ESLint（以及 Prettier）时，会发生如下错误：

/Users/willem-aart/Code/foo/bar.md
  1:1  error  Parsing error: Unexpected character '#'

> 1 | ## foobar
    | ^

✖ 1 problem (1 error, 0 warnings)

ESLint 似乎无法处理该文件。另一方面，Prettier – 当独立运行时 – 按预期处理文件。

是否可以通过 ESLint 使用 Prettier 格式化文件 JavaScript 以外的文件？或者我最好独立使用 Prettier 吗？

我猜 Prettier 可以应用于比 ESLint 预期更广泛的文件格式。

Answer 1

是的，这是可能的。

简而言之：

奔跑

npm install --save-dev eslint-plugin-md

ESLint 配置：

{
  extends: ["plugin:prettier/recommended", "plugin:md/prettier"],
  overrides: [
    {
      files: ["*.md"],
      parser: "markdown-eslint-parser",
      rules: {
        "prettier/prettier": ["error", { parser: "markdown" }],
      },
    },
  ],
}

它应该可以正常工作。

这里是关于如何通过 ESLint 使用 Prettier 对 Markdown 文件进行 lint 的源文章：

https://scinos.dev/posts/2020-11-24-eslint-for-markdown/

如果链接已损坏，请转到存档版本：

https://web.archive.org/web/20231210081225/https://scinos.dev/posts/2020-11-24-eslint-for-markdown/