ESlint

sublime配置eslint

2016-09-12  本文已影响343人  real勾玉

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

如果是用atom:

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

简单概念

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

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",

以下是规则说明

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

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

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

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

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

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

上一篇下一篇

猜你喜欢

热点阅读