'react/jsx-closing-bracket-location': 1, //在JSX中验证右括号位置 'react/jsx-curly-spacing': [2, { when: 'never', children: true }], //在JSX属性和表达式中加强或禁止大括号内的空格。 'react/jsx-indent': [2, 2], // 语法缩进控制 'react/jsx-indent-props': [2, 2], //验证JSX中...
"react/no-set-state": 0, //防止使用setState "react/no-unknown-property": 2, //防止使用未知的DOM属性 "react/prefer-es6-class": 2, //为React组件强制执行ES5或ES6类 "react/prop-types": 0, //防止在React组件定义中丢失props验证 "react/react-in-jsx-scope": 2, //使用JSX时防止丢失React ...
"react/jsx-no-duplicate-props": 2, //防止在JSX中重复的props "react/jsx-no-literals": 0, //防止使用未包装的JSX字符串 "react/jsx-no-undef": 1, //在JSX中禁止未声明的变量 "react/jsx-pascal-case": 0, //为用户定义的JSX组件强制使用PascalCase "react/jsx-sort-props": 2, //强化props按...
一、在package.json中添加rules 在package.json中找到eslintConfig这一项,在里面添加rules进行修改即可 例子: "eslintConfig": {"extends":"react-app","rules": {"jsx-a11y/anchor-is-valid":"off"} } 二、打开webpack进行配置修改 运行 npmruneject 这时候就会多出个config文件夹,里面有个webpack.config....
- react/jsx-uses-react:这个规则会检查JSX代码,如果发现未使用React的JSX代码,会提示修改。 - react/jsx-uses-vars:这个规则会检查JSX代码,如果发现未使用变量的JSX代码,会提示修改。 - react-hooks/rules-of-hooks:这个规则会检查React Hooks 的使用,如果发现不符合规则的 Hooks 使用,会提示修改。 5.ESLint ...
可以看到,手动配置rules工作量很大,所以一般可以使用已预设配置好lint的扩展包,即根据eslint定义好一套lint规则。 extends——使用预设lint包 这些扩展预设包直接配置到extends即可,eslint本身也提供一些内置预设规则,如eslint:recommended,具体可看官方文档。
eslint 深度检测 react hooks eslint.options 个人认为eslint可以很好的保证代码规范,当然在开发调试过程中可能会很麻烦,所以下面说下怎么关闭eslint: 这里只说下vue-cli脚手架的关闭方法,其实很简单,就是把 build/webpack.base.conf.js 配置文件中的eslint rules注释掉即可。
plugins: ['@typescript-eslint', 'react'], rules: {}, }; 2.4 使用eslint命令,在package的script中添加,fix表示可自动修复简单的问题。 "scripts": { "lint": "eslint --fix \"./src/**/*.{js,jsx,ts,tsx}\"" } OK,到这里,我们可以先来测试一下,写一行未使用的代码,执行 npm run lint,...
{ "rules": { "eqeqeq": "off", "curly": "error", "quotes": ["error", "double"] } } 这里以 JSON 举例,当然,ESLint 还支持 .js、.cjs、.yaml、.yml 或直接在 package.json 内配置。 它的属性可以这样配置: off 或0 - 关闭规则 warn 或1 - 打开规则作为警告(不影响退出代码) error 或...
eslint-config-airbnb : 配置一些 eslint rules 的规范 eslint-plugin-import :在使用 import 的时候,一些 rules 规范 eslint-plugin-react : 一些 react 的 eslint 的 rules 规范 eslint-plugin-jsx-a11y: 一些 jsx 的 rules 规范 配置eslintrc 文件: ...