好用的Eslint规范

最新推荐文章于 2024-10-20 22:53:32 发布

原创最新推荐文章于 2024-10-20 22:53:32 发布 · 669 阅读

本内容遵循CC 4.0 BY-SA版权协议

收录于

Eslint

本文介绍了如何在React项目中使用Eslint规范，重点提及了官方文档关于规则设置的说明，特别是当`extends`设置为`react-app`时，规则默认为警告级别的详细情况。

官方文档说明
0表示关闭规则，1表示警告，2表示错误并退出

规则	含义
“eqeqeq”: 1	必须使用全等(warning)
“default-case”: 2	switch语句强制default分支（warning）
“no-duplicate-case”: 2	禁止重复 case 标签（warning）
“quotes”: [1, “single”]	使用单引号
“no-case-declarations”: 1	禁止在 case 或 default 子句中出现词法声明
~~“no-constant-condition”: 2~~	禁止在条件中使用常量表达式
“no-spaced-func”: 2	函数调用时函数名与()之间不能有空格
“no-var”: 2	禁用var，用let和const代替
“no-else-return”: 2	禁止在 else 前有 return
“no-eq-null”: 2	禁止与 null 进行比较
“no-multi-spaces”: 2	禁止出现多个空格
“no-mixed-spaces-and-tabs”:[“error”, “smart-tabs”]	禁止使用空格和 tab 混合缩进
“no-extra-semi”: 2	禁止不必要的分号
“arrow-spacing”:{ “before”: true, “after”: true }	箭头函数前后空格
“arrow-parens”: [“error”, “as-needed”]	箭头函数参数括号
“constructor-super”: 1	非派生类不能调用super，派生类必须调用super
“init-declarations”: [“error”, “always”]	声明时必须赋初值
“object-curly-spacing”: [“error”, “always”]	大括号内不允许不必要的空格
“semi”: [2, “always”]	语句强制分号结尾
“react/no-set-state”: 1	防止使用setstate
“react/no-deprecated”: 2	不使用弃用的方法

下表为创建react项目package.json 自带"extends": "react-app"提供的规则，一般都是warning的形式

“extends”: “react-app” 规则	含义
“no-cond-assign”: 2	禁止在条件表达式中使用赋值语句
“no-dupe-keys”: 2	在创建对象字面量时不允许键重复 {a:1,a:1}
“no-dupe-args”: 2	函数参数不能重复
“no-this-before-super”: 1	在调用super()之前不能使用this或super
“no-func-assign”:2	禁止对 function 声明重新赋值
“no-redeclare”:2	禁止重复声明变量
“no-self-assign”: [“error”, {“props”: true}]	禁止自身赋值
“no-self-compare”:2	禁止自身比较
“valid-typeof“:2	强制 typeof 表达式与有效的字符串进行比较
“use-isnan”:1	要求调用 isNaN()检查 NaN