在前端开发中，代码的质量很重要，而代码规范是保证代码质量的关键。为了帮助我们更好地遵守代码规范，有许多工具可以用来自动检测和修复不符合规范的代码。其中一种工具就是 eslint，它可以帮助我们检查 JavaScript 代码是否符合指定的规则。
但是如果你正在编写一个 Markdown 文档，并且想要在其中嵌入一些 JavaScript 代码块，怎么办呢？这时候 eslint 就没法起到作用了。不过，eslint-plugin-markdown 这个 npm 包可以帮助我们解决这个问题。
安装
使用以下命令安装 eslint-plugin-markdown：
npm install --save-dev eslint-plugin-markdown
配置
接下来，我们需要在 .eslintrc 文件中配置 eslint-plugin-markdown。在 plugins 和 settings 属性中添加以下内容：
-- -------------------- ---- -------
-
---------- -
----------
--
----------- -
----------- -
--------- --------------
-
-
-以上代码中，我们将 eslint-plugin-markdown 添加到了 plugins 属性中，并在 settings 属性中指定了使用 babel-eslint 解析器来解析 JavaScript 代码块。
同时，你还可以在 rules 属性中配置一些规则来检查 JavaScript 代码块。比如，你可以使用以下规则来检查代码块中是否有未使用的变量：
-- -------------------- ---- -------
-
-------- -
------------------------------ -
--------
-
-------------------- ----
-
-
-
-以上规则中，我们将 jsx-no-unused-vars 规则应用到了 Markdown 文件中的所有 JavaScript 代码块，并指定了一个忽略的变量名模式。
使用
现在，你可以在 Markdown 文件中嵌入 JavaScript 代码块，并且 eslint-plugin-markdown 将会帮助你检查代码规范。例如：
-- -------------------- ---- ------- -------- ----- --- ----- - -- -------- ----------- - -------- - ------------ ------------------- -- -- -
在上面的示例中，我们在 Markdown 文件中嵌入了一个 JavaScript 代码块，并使用了 `eslint-plugin-markdown` 来检查其中的代码规范。 总之，如果你想要在 Markdown 文件中嵌入 JavaScript 代码块，并且想要保证代码规范，那么 `eslint-plugin-markdown` 就是一个非常好的选择。 > 来源：[JavaScript中文网](https://www.javascriptcn.com/post/50535) ，转载请注明来源 [https://www.javascriptcn.com/post/50535](https://www.javascriptcn.com/post/50535)