sublime配置eslint

前提:如果没有安装package control,可以参考sublime插件推荐
以下按照顺序安装:

  • 安装SublimeLinter
  • 安装SublimeLinter-contrib-eslint
  • 安装EditorConfig,希望安装

如果是用atom:

  • 安装linter-eslint

demo github 地址
官方配置文档
rules地址
EditorConfig介绍

简单概念

一些需要了解的吧,从官网拷贝出来
1,rule的配置,值说明

  • "off"或 0 - 关闭规则
  • "warn"或 1 - 开启规则,使用警告级别的错误:warn(不会导致程序退出)
  • "error"或 2 - 开启规则,使用错误级别的错误:error (当被触发的时候,程序会退出)

2,层级问题,优先级规则是就近原则
下面是文档中的例子:

your-project
├── .eslintrc
├── lib
│ └── source.js
└─┬ tests
  ├── .eslintrc
  └── test.js

1)层叠配置使用离要检测的文件最近的 .eslintrc
文件作为最高优先级,然后才是父目录里的配置文件,等等。当你在这个项目中允许 ESLint 时,lib/下面的所有文件将使用项目根目录里的.eslintrc 文件作为它的配置文件。当 ESLint 遍历到 test/ 目录,your-project/.eslintrc之外,它还会用到 your-project/tests/.eslintrc。所以 your-project/tests/test.js 是基于它的目录层次结构中的两个.eslintrc 文件的组合,并且离的最近的一个优先。通过这种方式,你可以有项目级 ESLint 设置,也有覆盖特定目录的 ESLint 设置。

2)同样的,如果在根目录的 package.json 文件中有一个 eslintConfig 字段,其中的配置将使用于所有子目录,但是当 tests 目录下的 .eslintrc 文件中的规则与之发生冲突时,就会覆盖它。

3)如果同一目录下 .eslintrc 和 package.json 同时存在,.eslintrc 优先级高会被使用,package.json 文件将不会被使用。

4)默认情况下,ESLint 会在所有父级目录里寻找配置文件,一直到根目录。如果你想要你所有项目都遵循一个特定的约定时,这将会很有用,但有时候会导致意想不到的结果。为了将 ESLint 限制到一个特定的项目,在你项目根目录下的 package.json 文件或者 .eslintrc.* 文件里的eslintConfig 字段下设置 "root": true。ESLint 一旦发现配置文件中有 "root": true,它就会停止在父级目录中寻找。

3,配置文件继承

"extends": "airbnb",

以下是规则说明

下面的规则指出了你可能犯错误的地方:

  • comma-dangle: 要求或禁止末尾逗号
  • no-cond-assign: 禁止条件表达式中出现赋值操作符
  • no-console: 禁用 console
  • no-constant-condition: 禁止在条件中使用常量表达式
  • no-control-regex: 禁止在正则表达式中使用控制字符
  • no-debugger: 禁用 debugger
  • no-dupe-args: 禁止 function 定义中出现重名参数
  • no-dupe-keys: 禁止对象字面量中出现重复的 key
  • no-duplicate-case: 禁止重复的 case 标签
  • no-empty: 禁止空语句块
  • no-empty-character-class: 禁止在正则表达式中使用空字符集
  • no-ex-assign: 禁止对 catch 子句的参数重新赋值
  • no-extra-boolean-cast: 禁止不必要的布尔转换
  • no-extra-parens: 禁止不必要的括号
  • no-extra-semi: 禁止不必要的分号
  • no-func-assign: 禁止对 function 声明重新赋值
  • no-inner-declarations: 禁止在嵌套的块中出现 function 或 var 声明
  • no-invalid-regexp: 禁止 RegExp 构造函数中无效的正则表达式字符串
  • no-irregular-whitespace: 禁止在字符串和注释之外不规则的空白
  • no-negated-in-lhs: 禁止在 in 表达式中出现否定的左操作数
  • no-obj-calls: 禁止把全局对象 (Math 和 JSON) 作为函数调用
  • no-prototype-builtins: 禁止直接使用 Object.prototypes 的内置属性
  • no-regex-spaces: 禁止正则表达式字面量中出现多个空格
  • no-sparse-arrays: 禁用稀疏数组
  • no-unexpected-multiline: 禁止出现令人困惑的多行表达式
  • no-unreachable: 禁止在return、throw、continue 和 break语句之后出现不可达代码
  • no-unsafe-finally: 禁止在 finally 语句块中出现控制流语句
  • use-isnan: 要求使用 isNaN() 检查 NaN
  • valid-jsdoc: 强制使用有效的 JSDoc 注释
  • valid-typeof: 强制 typeof 表达式与有效的字符串进行比较

这些规则是关于最佳实践的,帮助你避免一些问题:

  • accessor-pairs: 强制 getter 和 setter 在对象中成对出现
  • 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-caller: 禁用 arguments.caller 或 arguments.callee
  • no-case-declarations: 不允许在 case 子句中使用词法声明
  • no-div-regex: 禁止除法操作符显式的出现在正则表达式开始的位置
  • no-else-return: 禁止 if 语句中有 return 之后有 else
  • no-empty-function: 禁止出现空函数
  • no-empty-pattern: 禁止使用空解构模式
  • no-eq-null: 禁止在没有类型检查操作符的情况下与 null 进行比较
  • no-eval: 禁用 eval()
  • no-extend-native: 禁止扩展原生类型
  • no-extra-bind: 禁止不必要的 .bind() 调用
  • no-extra-label: 禁用不必要的标签
  • no-fallthrough: 禁止 case 语句落空
  • no-floating-decimal: 禁止数字字面量中使用前导和末尾小数点
  • no-implicit-coercion: 禁止使用短符号进行类型转换
  • no-implicit-globals: 禁止在全局范围内使用 var 和命名的 function 声明
  • no-implied-eval: 禁止使用类似 eval() 的方法
  • no-invalid-this: 禁止 this 关键字出现在类和类对象之外
  • no-iterator: 禁用 iterator 属性
  • no-labels: 禁用标签语句
  • no-lone-blocks: 禁用不必要的嵌套块
  • no-loop-func: 禁止在循环中出现 function 声明和表达式
  • no-magic-numbers: 禁用魔术数字
  • no-multi-spaces: 禁止使用多个空格
  • no-multi-str: 禁止使用多行字符串
  • no-native-reassign: 禁止对原生对象赋值
  • no-new: 禁止在非赋值或条件语句中使用 new 操作符
  • no-new-func: 禁止对 Function 对象使用 new 操作符
  • no-new-wrappers: 禁止对 String,Number 和 Boolean 使用 new 操作符
  • no-octal: 禁用八进制字面量
  • no-octal-escape: 禁止在字符串中使用八进制转义序列
  • no-param-reassign: 不允许对 function 的参数进行重新赋值
  • no-proto: 禁用 proto 属性
  • no-redeclare: 禁止使用 var 多次声明同一变量
  • no-return-assign: 禁止在 return 语句中使用赋值语句
  • no-script-url: 禁止使用 javascript: url
  • no-self-assign: 禁止自我赋值
  • no-self-compare: 禁止自身比较
  • no-sequences: 禁用逗号操作符
  • no-throw-literal: 禁止抛出非异常字面量
  • no-unmodified-loop-condition: 禁用一成不变的循环条件
  • no-unused-expressions: 禁止出现未使用过的表达式
  • no-unused-labels: 禁用未使用过的标签
  • no-useless-call: 禁止不必要的 .call() 和 .apply()
  • no-useless-concat: 禁止不必要的字符串字面量或模板字面量的连接
  • no-useless-escape: 禁用不必要的转义字符
  • no-void: 禁用 void 操作符
  • no-warning-comments: 禁止在注释中使用特定的警告术语
  • no-with: 禁用 with 语句
  • radix: 强制在parseInt()使用基数参数
  • vars-on-top: 要求所有的 var 声明出现在它们所在的作用域顶部
  • wrap-iife: 要求 IIFE 使用括号括起来
  • yoda: 要求或禁止 “Yoda” 条件

这些规则与变量声明有关:

  • init-declarations: 要求或禁止 var 声明中的初始化
  • no-catch-shadow: 不允许 catch 子句的参数与外层作用域中的变量同名
  • no-delete-var: 禁止删除变量
  • no-label-var: 不允许标签与变量同名
  • no-restricted-globals: 禁用特定的全局变量
  • no-shadow: 禁止 var 声明 与外层作用域的变量同名
  • no-shadow-restricted-names: 禁止覆盖受限制的标识符
  • no-undef: 禁用未声明的变量,除非它们在 /*global */ 注释中被提到
  • no-undef-init: 禁止将变量初始化为 undefined
  • no-undefined: 禁止将 undefined 作为标识符
  • no-unused-vars: 禁止出现未使用过的变量
  • no-use-before-define: 不允许在变量定义之前使用它们

这些规则是关于Node.js 或 在浏览器中使用CommonJS 的:

  • callback-return: require return statements after callbacks
  • global-require: 要求 require() 出现在顶层模块作用域中
  • handle-callback-err: 要求回调函数中有容错处理
  • no-mixed-requires: 禁止混合常规 var 声明和 require 调用
  • no-new-require: 禁止调用 require 时使用 new 操作符
  • no-path-concat: 禁止对 __dirname 和 __filename进行字符串连接
  • no-process-env: 禁用 process.env
  • no-process-exit: 禁用 process.exit()
  • no-restricted-modules: 禁用指定的通过 require 加载的模块
  • no-sync: 禁用同步方法

这些规则是关于风格指南的,而且是非常主观的:

  • array-bracket-spacing: 强制数组方括号中使用一致的空格
  • block-spacing: 强制在单行代码块中使用一致的空格
  • brace-style: 强制在代码块中使用一致的大括号风格
  • camelcase: 强制使用骆驼拼写法命名约定
  • comma-spacing: 强制在逗号前后使用一致的空格
  • comma-style: 强制使用一致的逗号风格
  • computed-property-spacing: 强制在计算的属性的方括号中使用一致的空格
  • consistent-this: 当获取当前执行环境的上下文时,强制使用一致的命名
  • eol-last: 强制文件末尾至少保留一行空行
  • func-names: 强制使用命名的 function 表达式
  • func-style: 强制一致地使用函数声明或函数表达式
  • id-blacklist: 禁止使用指定的标识符
  • id-length: 强制标识符的最新和最大长度
  • id-match: 要求标识符匹配一个指定的正则表达式
  • 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-bitwise: 禁用按位运算符
  • no-continue: 禁用 continue 语句
  • no-inline-comments: 禁止在代码行后使用内联注释
  • no-lonely-if: 禁止 if 作为唯一的语句出现在 else 语句中
  • no-mixed-operators: 禁止混合使用不同的操作符
  • no-mixed-spaces-and-tabs: 不允许空格和 tab 混合缩进
  • no-multiple-empty-lines: 不允许多个空行
  • no-negated-condition: 不允许否定的表达式
  • no-nested-ternary: 不允许使用嵌套的三元表达式
  • no-new-object: 禁止使用 Object 的构造函数
  • no-plusplus: 禁止使用一元操作符 ++ 和 --
  • no-restricted-syntax: 禁止使用特定的语法
  • no-spaced-func: 禁止 function 标识符和括号之间出现空格
  • no-ternary: 不允许使用三元操作符
  • no-trailing-spaces: 禁用行尾空格
  • no-underscore-dangle: 禁止标识符中有悬空下划线
  • no-unneeded-ternary: 禁止可以在有更简单的可替代的表达式时使用三元操作符
  • 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: 强制操作符使用一致的换行符
  • padded-blocks: 要求或禁止块内填充
  • 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: 强制在注释中 // 或 /* 使用一致的空格
  • unicode-bom: 要求或禁止 Unicode BOM
  • wrap-regex: 要求正则表达式被括号括起来

这些规则只与 ES6 有关, 即通常所说的 ES2015:

  • arrow-body-style: 要求箭头函数体使用大括号
  • arrow-parens: 要求箭头函数的参数使用圆括号
  • arrow-spacing: 强制箭头函数的箭头前后使用一致的空格
  • constructor-super: 要求在构造函数中有 super() 的调用
  • generator-star-spacing: 强制 generator 函数中 * 号周围使用一致的空格
  • no-class-assign: 禁止修改类声明的变量
  • no-confusing-arrow: disallow arrow functions where they could be confused with comparisons
  • no-const-assign: 禁止修改 const 声明的变量
  • no-dupe-class-members: 禁止类成员中出现重复的名称
  • no-duplicate-imports: disallow duplicate module imports
  • no-new-symbol: disallow new operators with the Symbol object
  • no-restricted-imports: disallow specified modules when loaded by import
  • no-this-before-super: 禁止在构造函数中,在调用 super() 之前使用 this 或 super
  • no-useless-computed-key: disallow unnecessary computed property keys in object literals
  • no-useless-constructor: 禁用不必要的构造函数
  • no-useless-rename: disallow renaming import, export, and destructured assignments to the same name
  • no-var: 要求使用 let 或 const 而不是 var
  • object-shorthand: 要求或禁止对象字面量中方法和属性使用简写语法
  • prefer-arrow-callback: 要求使用箭头函数作为回调
  • prefer-const: 要求使用 const 声明那些声明后不再被修改的变量
  • prefer-reflect: 要求在合适的地方使用 Reflect 方法
  • prefer-rest-params: require rest parameters instead of arguments
  • prefer-spread: 要求使用扩展运算符而非 .apply()
  • prefer-template: 要求使用模板字面量而非字符串连接
  • require-yield: 要求generator 函数内有 yield
  • rest-spread-spacing: enforce spacing between rest and spread operators and their expressions
  • sort-imports: 强制模块内的 import 排序
  • template-curly-spacing: 要求或禁止模板字符串中的嵌入表达式周围空格的使用
  • yield-star-spacing: 强制在 yield* 表达式中 * 周围使用空格

你可能感兴趣的:(sublime配置eslint)