代码规则检测功能工具ESLint入门

1、全局安装

npm install -g eslint

2、添加配置文件

eslint:recommended规则是通识规则，是最基础的编码规范。
.eslintrc.js

module.exports = {
    
    
  extends: 'eslint:recommended',
};

3、新建一个测试文件

新建一个test.js文件，添加一点js代码

function jddk(){
    
    
	return 6666;
}

console.log(jddk())

4、试一下规则验证

在cmd中运行

eslint test.js

console未定义，这是因为JavaScript有多种运行环境，这些运行环境中可能并不存在console这个对象（window的对象也是的）

5、指定运行环境

.eslintrc.js

module.exports = {
    
    
  extends: 'eslint:recommended',
  env:{
    
    
    //浏览器环境
    browser:true,
    //nodejs环境
    node:true，
    es6:true
  }
};

添加规则后运行看一下

6、添加一些自定义规则

设置tab缩进(设置tab缩进默认的制表符缩进为4)
.eslintrc.js

module.exports = {
    
    
  extends: 'eslint:recommended',
  env:{
    
    
    //浏览器环境
    browser:true,
    //nodejs环境
    node:true，
    es6:true
  },
  rules:{
    
    
  	"index":["error","tab"]
  }
};

为了验证是否生效，修改一下test.js代码格式

function jddk(){
    
    
		return 6666;
}
console.log(jddk())

验证结果