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