ESLint使用文档

发布时间:2019-08-11 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了ESLint使用文档脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。

依赖安装

ESLint 全局安装和项目根目录下安装都可以,只是应用起来稍微有些区别;
eslint-plugin-react是兼容React语义的插件;

以下安装选择一种即可,推荐局部安装,插件也根据项目安装;

全局安装

全局安装如下:

ESLint使用文档

局部安装

进入项目根目录下安装:

ESLint使用文档

区别:
在全局安装ESLint,所有的插件必须也全局安装;
在局部安装ESLint,插件不限制在哪里安装;

工具配置

IntelliJ IDEA、 Webstrom的配置一样,如果ESLint package没有自动填充,需要把node_modules中的eslint导入进去;

ESLint使用文档

配置文件

经过以上步骤,随意打开一个.js文件会发现报错;

ESLint使用文档

文件忽略

设置一些忽略检测的文件:

ESLint使用文档

多配置

多配置检测顺序

如果同一目录下有多个配置文件,按以下顺序检测,使用第一个匹配到的文件:

.eslintrc.js
.eslintrc.yaml
.eslintrc.yML
.eslintrc.json
.eslintrc
package.json

多配置处理方式

如果项目下有多个结构层级不同的配置文件,会产生配置级联

默认情况下,ESLint 会在所有父级目录里寻找配置文件,一直到根目录。

父级目录下的配置将使用于所有子目录,当子目录下的配置文件中的规则与父级配置发生冲突时,使用优先级高的,离的最近的一个优先。

禁止检测父级配置

为了将 ESLint 限制到一个特定的项目,在配置文件里设置 "root": true
ESLint 一旦发现配置文件中有 "root": true,它就会停止在父级目录中寻找。

內联注释配置

注释以指令(eslint/eslint-env/global/eslint-disable)开始,接下来是逗号分隔的规则列表;

作用:
会覆盖配置文件里的规则:禁用ESlint | 禁用某条规则 | 调整规则;

参考配置

@H_69_126@
module.exports = {
    "env": {
        "browser": true,
        "commonjs": true,
        "es6": true
    },
    "extends": "eslint:recommended",
    "parserOptions": {
        "ecmaFeatures": {
            "experimentalObjectRestSPRead": true,
            "jsx": true
        },
        "sourceTyPE": "module"
    },
    "globals":{
        "document": true,
        "$": true
    },
    "plugins": [
        "react"
    ],
    "rules": {
        "react/jsx-uses-react": "error",
        "react/jsx-uses-VARs": "error",
        "indent": [
            "error",
            "tab",
            4
        ],
        "linebreak-style": [
            "error",
            "unix"
        ],
        "quotes": [
            "error",
            "double"
        ],
        "SEMi": [
            "error",
            "always"
        ]
    },
    "settings": {
        "react": {
            "createClass": "createClass",
            "pragma": "React"
        }
    }
};

使用的规则可在规则页面查看被标记为✓的规则;


注意:.gitignore中设置node_modules/

脚本宝典总结

以上是脚本宝典为你收集整理的ESLint使用文档全部内容,希望文章能够帮你解决ESLint使用文档所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。