vue+webpack中配置ESLint

yarn add eslint babel-eslint eslint-plugin-vue eslint-friendly-formatter --dev

module.exports = {
 module: {
  rules: [
   test: /\.(js|vue)$/,
   loader: "eslint-loader",
   enforce: "pre",
   //指定檢查的目錄
   include: [resolve(__dirname, 'src')],
   //eslint檢查報告的格式規(guī)范
   options: {
    formatter: require("eslint-friendly-formatter")
   }
  ]
 }
}

module.exports = {
 //一旦配置了root，ESlint停止在父級目錄中查找配置文件
 root: true,
 //解析器
 parser: "babel-eslint",
 //想要支持的JS語言選項
 parserOptions: {
  //啟用ES6語法支持(如果支持es6的全局變量{env: {es6: true}}，則默認(rèn)啟用ES6語法支持)
  //此處也可以使用年份命名的版本號：2015
  ecmaVersion: 6,
  //默認(rèn)為script
  sourceType: "module",
  //支持其他的語言特性
  ecmaFeatures: {
   //...
  }
 },
 //代碼運(yùn)行的環(huán)境，每個環(huán)境都會有一套預(yù)定義的全局對象，不同環(huán)境可以組合使用
 env: {
  es6: true,
  browser: true,
  jquery: true
 },
 //訪問當(dāng)前源文件中未定義的變量時，no-undef會報警告。
 //如果這些全局變量是合規(guī)的，可以在globals中配置，避免這些全局變量發(fā)出警告
 globals: {
  //配置給全局變量的布爾值，是用來控制該全局變量是否允許被重寫
  test_param： true
 },
 //支持第三方插件的規(guī)則，插件以eslint-plugin-作為前綴，配置時該前綴可省略
 //檢查vue文件需要eslint-plugin-vue插件
 plugins: ["vue"],
 //集成推薦的規(guī)則
 extends: ["eslint:recommended", "plugin:vue/essential"],
 //啟用額外的規(guī)則或者覆蓋默認(rèn)的規(guī)則
 //規(guī)則級別分別：為"off"(0)關(guān)閉、"warn"(1)警告、"error"(2)錯誤--error觸發(fā)時，程序退出
 rules: {
  //關(guān)閉“禁用console”規(guī)則
  "no-console": "off",
  //縮進(jìn)不規(guī)范警告，要求縮進(jìn)為2個空格，默認(rèn)值為4個空格
  "indent": ["warn", 2, {
   //設(shè)置為1時強(qiáng)制switch語句中case的縮進(jìn)為2個空格
   "SwitchCase": 1,
   //分別配置var、let和const的縮進(jìn)
   "VariableDeclarator": { "var": 2, "let": 2, "const": 3 }
  }],
  //定義字符串不規(guī)范錯誤，要求字符串使用雙引號
  quotes: ["error", "double"],
  //....
  //更多規(guī)則可查看http://eslint.cn/docs/rules/
 }
}

/* eslint-disable */
alert('message');
/* eslint-enable no-alert, no-console*/
...

{
 //parser: "babel-eslint",
 parserOptions: {
  parser: "babel-eslint",
  //...
 }
}