代碼規則檢測功能工具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())

驗證結果