Eslint-2 规则

324 阅读1分钟

Note: 在安装完eslint并生成.eslintrc配置文件后,首先要做的就是决定要配不配置规则,以及如何配置。

1:什么是eslint的规则?

规则就是eslint帮我检查时的依据,哪些检查,该怎么检查我们的代码等

2:如何配置规则

2.1  打开.eslintrc,并找到rules项,这里就是规则定义的地方

{
    "rules": {
        "semi": ["error", "always"],
        "quotes": ["error", "double"]
    }
}

"semi""quotes" 是 ESLint中规则的名称。
第一个值是错误级别,可以使下面的值之一:"off" or 0 - 关闭规则"warn" or 1 - 将规则视为一个警告(不会影响退出码)"error" or 2 - 将规则视为一个错误 (退出码为1)第二个值是

2.2 eslint有哪些规则?

https://eslint.bootcss.com/docs/rules/  这里是所有可用的规则

2.3  使用eslint推荐的默认配置规则

在eslintrc文件中找到extends项,配置成如下就会把eslint里规则标记为"对号" 的规则将会默认开启
"extends": "eslint:recommended"

2.3 如何使用别人定义好的规则配置

2.3.1  在 npmjs.com 搜索 “eslint-config”,会查找到很多。选择一个你需要的,执行安装:

2.3.2  执行 npm install eslint-config-standard  --save-dev

2.3.3  然后我们在.eslintrc文件中发现extrends发生了改变

"extends": [ "standard" ]