Eslint规则_ESLint常见命令

更新日期: 2019-03-14阅读: 4k标签: eslint

什么是 ESLint ?

ESLint 是在 ECMAScript/JavaScript 代码中识别和报告模式匹配的工具,它的目标是保证代码的一致性和避免错误。在许多方面,它和 JSLint、JSHint 相似,除了少数的例外:

  • ESLint 使用 Espree 解析 JavaScript。
  • ESLint 使用 AST 去分析代码中的模式
  • ESLint 是完全插件化的。每一个规则都是一个插件并且你可以在运行时添加更多的规则。

1 禁用 ESLint:

/* eslint-disable */
var a = 100;
console.log(a);  
/* eslint-enable */


2 禁用一条规则:

/*eslint-disable no-console */
var a = 100;
console.log(a);
/*eslint-enable no-console */


3 调整规则:

/* eslint no-console:0 */
var a = 100;
console.log(a);


4常用规则

类别描述
Possible Errors可能的错误或逻辑错误
no-cond-assign禁止条件表达式中出现模棱两可的赋值操作符
no-console禁用console
no-constant-condition禁止在条件中使用常量表达式
no-debugger禁用 debugger
no-dupe-args禁止 function 定义中出现重名参数
no-dupe-keys禁止对象字面量中出现重复的 key
no-duplicate-case禁止出现重复的 case 标签
no-empty禁止出现空语句块
no-ex-assign禁止对 catch 子句的参数重新赋值
no-extra-boolean-cast禁止不必要的布尔转换
no-extra-parens禁止不必要的括号
no-extra-semi禁止不必要的分号
no-func-assign禁止对 function 声明重新赋值
no-inner-declarations禁止在嵌套的块中出现变量声明或 function 声明
no-irregular-whitespace禁止在字符串和注释之外不规则的空白
no-obj-calls禁止把全局对象作为函数调用
no-sparse-arrays禁用稀疏数组
no-prototype-builtins禁止直接使用Object.prototypes 的内置属性
no-unexpected-multiline禁止出现令人困惑的多行表达式
no-unreachable禁止在return、throw、continue 和 break语句之后出现不可达代码
use-isnan要求使用 isNaN() 检查 NaN
valid-typeof强制 typeof 表达式与有效的字符串进行比较
----------
Best Practices最佳实践
array-callback-return强制数组方法的回调函数中有 return 语句
block-scoped-var强制把变量的使用限制在其定义的作用域范围内
complexity指定程序中允许的最大环路复杂度
consistent-return要求 return 语句要么总是指定返回的值,要么不指定
curly强制所有控制语句使用一致的括号风格
default-case要求 switch 语句中有 default 分支
dot-location强制在点号之前和之后一致的换行
dot-notation强制在任何允许的时候使用点号
eqeqeq要求使用 === 和 !==
guard-for-in要求 for-in 循环中有一个 if 语句
no-alert禁用 alert、confirm 和 prompt
no-case-declarations不允许在 case 子句中使用词法声明
no-else-return禁止 if 语句中有 return 之后有 else
no-empty-function禁止出现空函数
no-eq-null禁止在没有类型检查操作符的情况下与 null 进行比较
no-eval禁用 eval()
no-extra-bind禁止不必要的 .bind() 调用
no-fallthrough禁止 case 语句落空
no-floating-decimal禁止数字字面量中使用前导和末尾小数点
no-implicit-coercion禁止使用短符号进行类型转换
no-implicit-globals禁止在全局范围内使用 var 和命名的 function 声明
no-invalid-this:禁止 this 关键字出现在类和类对象之外
no-lone-blocks禁用不必要的嵌套块
no-loop-func禁止在循环中出现 function 声明和表达式
no-magic-numbers禁用魔术数字
no-multi-spaces禁止使用多个空格
no-multi-str禁止使用多行字符串
no-new禁止在非赋值或条件语句中使用 new 操作符
no-new-func禁止对 Function 对象使用 new 操作符
no-new-wrappers禁止对 String,Number 和 Boolean 使用 new 操作符
no-param-reassign不允许对 function 的参数进行重新赋值
no-redeclare禁止使用 var 多次声明同一变量
no-return-assign禁止在 return 语句中使用赋值语句
no-script-url禁止使用 javascript: url
no-self-assign禁止自我赋值
no-self-compare禁止自身比较
no-sequences禁用逗号操作符
no-unmodified-loop-condition禁用一成不变的循环条件
no-unused-expressions禁止出现未使用过的表达式
no-useless-call禁止不必要的 .call() 和 .apply()
no-useless-concat禁止不必要的字符串字面量或模板字面量的连接
vars-on-top要求所有的 var 声明出现在它们所在的作用域顶部
----------
Strict Mode使用严格模式和严格模式指
strict要求或禁止使用严格模式指令
----------
Variables变量声明
init-declarations要求或禁止 var 声明中的初始化
no-catch-shadow不允许 catch 子句的参数与外层作用域中的变量同名
no-restricted-globals禁用特定的全局变量
no-shadow禁止 var 声明 与外层作用域的变量同名
no-undef禁用未声明的变量,除非它们在 /global / 注释中被提到
no-undef-init禁止将变量初始化为 undefined
no-unused-vars禁止出现未使用过的变量
no-use-before-define不允许在变量定义之前使用它们
----------
Nodejs and CommonJSNode.js,CommonJS
global-require要求 require() 出现在顶层模块作用域中
handle-callback-err要求回调函数中有容错处理
no-mixed-requires禁止混合常规 var 声明和 require 调用
no-new-require禁止调用 require 时使用 new 操作符
no-path-concat禁止对 dirname 和 filename进行字符串连接
no-restricted-modules禁用指定的通过 require 加载的模块
----------
Stylistic Issues风格指南
array-bracket-spacing强制数组方括号中使用一致的空格
block-spacing强制在单行代码块中使用一致的空格
brace-style强制在代码块中使用一致的大括号风格
camelcase强制使用骆驼拼写法命名约定
comma-spacing强制在逗号前后使用一致的空格
comma-style强制使用一致的逗号风格
computed-property-spacing强制在计算的属性的方括号中使用一致的空格
eol-last强制文件末尾至少保留一行空行
func-names强制使用命名的 function 表达式
func-style强制一致地使用函数声明或函数表达式
indent强制使用一致的缩进
jsx-quotes强制在 JSX 属性中一致地使用双引号或单引号
key-spacing强制在对象字面量的属性中键和值之间使用一致的间距
keyword-spacing强制在关键字前后使用一致的空格
linebreak-style强制使用一致的换行风格
lines-around-comment要求在注释周围有空行
max-depth强制可嵌套的块的最大深度
max-len强制一行的最大长度
max-lines强制最大行数
max-nested-callbacks强制回调函数最大嵌套深度
max-params强制 function 定义中最多允许的参数数量
max-statements强制 function 块最多允许的的语句数量
max-statements-per-line强制每一行中所允许的最大语句数量
new-cap要求构造函数首字母大写
new-parens要求调用无参构造函数时有圆括号
newline-after-var要求或禁止 var 声明语句后有一行空行
newline-before-return要求 return 语句之前有一空行
newline-per-chained-call要求方法链中每个调用都有一个换行符
no-array-constructor禁止使用 Array 构造函数
no-continue禁用 continue 语句
no-inline-comments禁止在代码行后使用内联注释
no-lonely-if禁止 if 作为唯一的语句出现在 else 语句中
no-mixed-spaces-and-tabs不允许空格和 tab 混合缩进
no-multiple-empty-lines不允许多个空行
no-negated-condition不允许否定的表达式
no-plusplus禁止使用一元操作符 ++ 和 --
no-spaced-func禁止 function 标识符和括号之间出现空格
no-ternary不允许使用三元操作符
no-trailing-spaces禁用行尾空格
no-whitespace-before-property禁止属性前有空白
object-curly-newline强制花括号内换行符的一致性
object-curly-spacing强制在花括号中使用一致的空格
object-property-newline强制将对象的属性放在不同的行上
one-var强制函数中的变量要么一起声明要么分开声明
one-var-declaration-per-line要求或禁止在 var 声明周围换行
operator-assignment要求或禁止在可能的情况下要求使用简化的赋值操作符
operator-linebreak强制操作符使用一致的换行符
quote-props要求对象字面量属性名称用引号括起来
quotes强制使用一致的反勾号、双引号或单引号
require-jsdoc要求使用 JSDoc 注释
semi要求或禁止使用分号而不是 ASI
semi-spacing强制分号之前和之后使用一致的空格
sort-vars要求同一个声明块中的变量按顺序排列
space-before-blocks强制在块之前使用一致的空格
space-before-function-paren强制在 function的左括号之前使用一致的空格
space-in-parens强制在圆括号内使用一致的空格
space-infix-ops要求操作符周围有空格
space-unary-ops强制在一元操作符前后使用一致的空格
spaced-comment强制在注释中 // 或 /* 使用一致的空格

链接: https://www.fly63.com/article/detial/2363

你不知道的Vuejs - 使用ESLint检查代码质量

Javascript 是一门弱类型语言,所以语法检查变得尤为重要。因此对 Javascript 进行语法检查的工具应运而生,目前 ESLint 使用最为广泛。这篇将讲解如何将 ESLint 集成到我们的项目中。

vue中关于eslint,以及如何在vue项目中关闭或使用ESLint

ESLint是一个用来识别 ECMAScript 并且按照规则给出报告的代码检测工具,使用它可以避免低级错误和统一代码的风格。 由于每个人写代码的习惯都会有所不同,所以统一代码风格在团队协作中尤为重要。 这篇文章主要讲解如何在vue项目中关闭或使用ESLint

ESLint_JS代码检查工具

ESLint是一个JavaScript代码静态检查工具,可以检查JavaScript的语法错误,提示潜在的bug,可以有效提高代码质量,维持前端团队高度一致的编码风格。ESLint不但提供一些默认的规则,也提供用户自定义规则来约束所写的JavaScript代码。本文将详细介绍ESLint

ESLint规则配置说明

有的时候多人开发,代码的风格,用的代码编辑器都各不相同,所以为了大家能保持一种统一的风格,ESLint就可以帮我们检查代码的格式,和风格。

vue-cli3 取消eslint 校验代码

vue create hello-world创建项目的时候选择了Linter / Formatter,所以写代码的时候会有代码规范检查,怎么才能关闭这个校验呢?

如何在 React 项目中整合 Eslint 和 Prettier?

首先,我们使用官方提供的脚手架 create-react-app 来创建一个项目:Eslint 是一个可以检验代码,并给出报告的工具。它的目标是保证代码的一致性,避免错误。Eslint 为我们提供了 ECMAScript/JavaScript 规范的代码校验

webpack插件ProvidePlugin的使用方法和eslint配置

配置 webpack.config.js文件里 plugins 属性,配置完以后就可以在代码里直接使用 _ ,而不再需要 import; 注意:(如果不配置eslint,浏览器就会报错:\\\\\\\'_\\\\\\\' is not defined no-undef)

什么是ESLint?

官网上告诉我们,ESLint 是一个用来识别 ECMAScript/JavaScript 并且按照规则给出报告的代码检测工具,哦,所以我们可以知道,ESLint 就是一个工具,而且是一个用来检查代码的工具。代码检查是一种静态的分析,常用于寻找有问题的模式或者代码

项目常用eslint配置(Vue/React/TypeScript)

Vue项目常用eslint配置需要安装依赖(Vue这里使用standard扩展和vue插件,所以需要安装);React项目常用eslint配置同样安装依赖,React这里使用的airbnb扩展。安装eslint-import-resolver-webpack用来解决webpack中设置的别名eslint无法识别报错的问题。

vue开发之代码规范eslint

ESLint不管是多人合作还是个人项目,代码规范都是很重要的。这样做不仅可以很大程度地避免基本语法错误,也保证了代码的可读性。

点击更多...

内容以共享、参考、研究为目的,不存在任何商业目的。其版权属原作者所有,如有侵权或违规,请与小编联系!情况属实本人将予以删除!