eslint配置解析，幫你快速上手。

官網的文檔一般寫的比較隱晦難懂，我整理一些通用的配置，幫助新手上手。

學習時能夠對照官網 eslint文檔

1.基本配置

.eslintrc.js

module.exports = {
	/**
	* 1.  eslint默認會遍歷到父級文件去尋找 「.eslintrc.js 」文件；
	* 2. root：true，設置本文件所在目錄爲根目錄root,所以不會去父級遍歷
	*/
	root: true,

	/**告訴eslint腳本的運行環境，
	* 開啓node時，程序中能使用global 等，
	* 開啓es6時，程序中能使用let、const 等，
	*/
	env: {
	"node": true,
	"browser": true,
	"es6": true,
	},

	/**
	* eslint默認定義的key是全局的變量。這樣子就能在文件中使用key變量了。
	* value爲true時能夠覆蓋，flase時不能夠覆蓋
	*/
	globals: {
	"key": true,
	},

	/** 定義eslint將會使用到的插件，插件會輸出規則
	* 1.規則能夠多個，
	* 如 「eslint-plugin-rvue/essential」、「eslint-plugin-rvue/recommended 」
	* 2.插件能夠省略前綴「eslint-plugin-」
	* 3.插件是第3方包，要用npm安裝，$ npm install eslint-plugin-vue --save-dev
	*/
	plugins: [
	"vue"
	],

	/** eslint使用的校驗規則
	* 1.內置配置："eslint:recommended"、「eslint:all」;
	* 2.插件提供的配置（使用插件配置前需在plugin中定義）：
	* 「plugin:vue/essential」、"plugin:react/recommended"
	*/
	'extends': [
	"eslint:recommended",
	"plugin:vue/recommended"
	],

	//啓用、覆蓋、改寫「extends」定義的規則
	rules: {
	'no-console': process.env.NODE_ENV === 'production' ? 'error' : 'off',
	'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off',
	'no-undef': process.env.NODE_ENV === 'production' ? 'error' : 'off'
	},

	parserOptions: {
	//自動化構建工具的構建流程
	//1.代碼被babel解析成babel代碼
	//2.eslint解析器」babel-eslint「 將 babel 代碼解析成eslint能使用的代碼。
	parser: 'babel-eslint'
	}
}

2.文件中禁用eslint

1.禁用註釋間的幾行

/* eslint-disable */
    	alert('foo');
    /* eslint-enable */

2.禁用整個文件

將 /* eslint-disable */ 塊註釋放在文件頂部

3.禁用行

alert('foo'); // eslint-disable-line

// eslint-disable-next-line
alert('foo');

3. .eslintrc.js文件的優先級從高到低

1. 同目錄下的.eslintrc.js文件
2. 直到根目錄（包括根目錄）或直到發現一個有"root": true的配置