使用 MDX 和 VSCode 的 Eslint

Question

我目前正在 vscode 中使用

.mdx

 文件，并意识到 eslint 并没有真正按照我期望的方式工作。
例如，拿这个文件

import { Meta } from '@storybook/addon-docs';

import { useResponsive, getBreakpoints } from './useResponsive';

<Meta
  title="Hooks/useResponsive"
  component={useResponsive}
  parameters={{ chromatic: { disable: true } }}
/>

# useResponsive
This hook returns true or false depending on if your screen matches the requested breakpoints

我已经安装了

eslint-mdx 并且我希望 eslint 告诉我 getBreakpoints

 没有被使用。如果我通过命令行运行 eslint，它会起作用，但我希望 vscode 也添加那些红色的波浪线，告诉我同样的事情。

有谁知道我可能需要使用什么 eslint 或 vscode 设置来让这样的东西工作

Answer 1

我遇到了同样的问题，但通过在 VScode 中的

markdown

 中启用 

mdx

 和 

settings.json

 的验证解决了该问题。

将此规则添加到您的

settings.json

：

"eslint.validate": [
  "markdown",
  "mdx",
  ...
]