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配置