Eslint在Jsx中的使用（3）

Jsx 中使用 Eslint

在基础配置中，Eslint 本身并不支持 Jsx 语法，需要后期配置才可以实现。

下载插件

npm i eslint-plugin-jsx@^0.1.0
/* 检查jsx语法 */

配置 plugins

"plugins": [
        "vue","jsx"
    ],

配置 rules

 "rules": {
      "jsx/uses-factory": ["error"],
      "jsx/factory-in-scope": ["error"],
      "jsx/mark-used-vars": ["error"]
    }

这样我们就完成了对 Jsx 的配置

检测方法

终端运行

npx eslint .\src\App.jsx
/* .\src\App.js需要检测文件路径 */

使用 Vscode 插件 Eslint

安装启用后，他会自动检测代码

到这里我们完成了Jsx的Eslint配置