美文网首页ESlint
sublime配置eslint

sublime配置eslint

作者: real勾玉 | 来源:发表于2016-09-12 19:29 被阅读343次

    前提:如果没有安装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

        本文链接:https://www.haomeiwen.com/subject/qmvpettx.html