vue.js - 如何在 VS Code 中获得 mdx 文件支持（linting）？

Question

我有一个带有故事书插件的 vue.js 项目。我正在尝试使用 Docs 插件编写故事，该插件允许您在 .mdx 中编写故事，但我无法让 linting 在 vs 代码中工作。

提前致谢，任何帮助将不胜感激！

我正在使用这里找到的示例项目https://github.com/vueschool/storybook-fundamentals/tree/master。

示例项目安装了 "eslint": "^6.7.2"。我已经安装了“eslint-plugin-mdx”：“^1.8.2”

我安装了以下扩展

正如https://github.com/mdx-js/eslint-mdx所建议的，我的 ES lint 配置看起来像这样

{
  "extends": ["plugin:mdx/recommended"]
}

似乎 vs code 正在获取 mdx 文件，但似乎没有发生 linting，我做错了什么？

我还在 VS Code 设置中添加了以下内容，但它似乎没有做太多

Answer 1

如果这对任何人都有帮助。eslint-mdx 需要依赖 eslint-plugin-react 才能工作。

检查https://github.com/mdx-js/eslint-mdx/issues/229

我的 eslint 配置看起来像这样供参考。

   "root": true,
    "env": {
      "node": true
    },
    "extends": [
            "eslint:recommended", "plugin:mdx/recommended", "plugin:react/recommended"

    ],
  "parserOptions": {
        "ecmaVersion": 12,
        "sourceType": "module",
        "ecmaFeatures": {
            "jsx": true
        }
    },
     "settings": {
        "react": {
                "version": "detect"
        }

    }