root = true
# 對所有文件有效 //[*js]只對js文件有效
[*]
#設(shè)置編碼格式
charset = utf-8
#縮進(jìn)類型 可選space和tab
indent_style = space
#縮進(jìn)數(shù)量可選整數(shù)值2 or 4,或者tab
indent_size = 2
#換行符的格式
end_of_line = lf
# 是否在文件的最后插入一個空行 可選true和false
insert_final_newline = true
# 是否刪除行尾的空格 可選擇true和false
trim_trailing_whitespace = true

/build/
/config/
/dist/
/src/utils/
/src/router/*.js

module.exports = {
  //此項(xiàng)是用來告訴eslint找當(dāng)前配置文件不能往父級查找
  root: true, 
  //此項(xiàng)是用來指定eslint解析器的，解析器必須符合規(guī)則，babel-eslint解析器是對babel解析器的包裝使其與ESLint解析
  parser: 'babel-eslint',
  //此項(xiàng)是用來指定javaScript語言類型和風(fēng)格，sourceType用來指定js導(dǎo)入的方式，默認(rèn)是script，此處設(shè)置為module，指某塊導(dǎo)入方式
  parserOptions: {
    sourceType: 'module'
  },
  //此項(xiàng)指定環(huán)境的全局變量，下面的配置指定為瀏覽器環(huán)境
  env: {
    browser: true,
  },
  // https://github.com/feross/standard/blob/master/RULES.md#javascript-standard-style
  // 此項(xiàng)是用來配置標(biāo)準(zhǔn)的js風(fēng)格，就是說寫代碼的時候要規(guī)范的寫，如果你使用vs-code我覺得應(yīng)該可以避免出錯
  extends: 'standard',
  // required to lint *.vue files
  // 此項(xiàng)是用來提供插件的，插件名稱省略了eslint-plugin-，下面這個配置是用來規(guī)范html的
  plugins: [
    'html'
  ],
  // add your custom rules here
  // 下面這些rules是用來設(shè)置從插件來的規(guī)范代碼的規(guī)則，使用必須去掉前綴eslint-plugin-
  // 主要有如下的設(shè)置規(guī)則，可以設(shè)置字符串也可以設(shè)置數(shù)字，兩者效果一致
  // "off" -> 0 關(guān)閉規(guī)則
  // "warn" -> 1 開啟警告規(guī)則
  //"error" -> 2 開啟錯誤規(guī)則
  // 了解了上面這些，下面這些代碼相信也看的明白了
 rules: {
  // allow async-await
  'generator-star-spacing': 'off',
  // allow debugger during development
  'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off',
  // js語句結(jié)尾必須使用分號
  'semi': ['off', 'always'],
  // 三等號
  'eqeqeq': 0,
  // 強(qiáng)制在注釋中 // 或 /* 使用一致的空格
  'spaced-comment': 0,
  // 關(guān)鍵字后面使用一致的空格
  'keyword-spacing': 0,
  // 強(qiáng)制在 function的左括號之前使用一致的空格
  'space-before-function-paren': 0,
  // 引號類型
  "quotes": [0, "single"],
  // 禁止出現(xiàn)未使用過的變量
  // 'no-unused-vars': 0,
  // 要求或禁止末尾逗號
  'comma-dangle': 0
 }
}

  "babel-eslint": "^7.1.1",
  "eslint": "^3.19.0",
  "eslint-config-standard": "^10.2.1",
  "eslint-friendly-formatter": "^3.0.0",
  "eslint-loader": "^1.7.1",
  "eslint-plugin-html": "^3.0.0",
  "eslint-plugin-import": "^2.7.0",
  "eslint-plugin-node": "^5.2.0",
  "eslint-plugin-promise": "^3.4.0",
  "eslint-plugin-standard": "^3.0.1",

// 在module的rules中加入
 module: {
  rules: [
   {
    test: /\.(js|vue)$/,
    loader: 'eslint-loader',
    enforce: 'pre',
    include: [resolve('src'), resolve('test')],
    options: {
     formatter: require('eslint-friendly-formatter'),
     // 不符合Eslint規(guī)則時只警告(默認(rèn)運(yùn)行出錯)
     // emitWarning: !config.dev.showEslintErrorsInOverlay
    }
   },
  ]
 }

{
  "workbench.startupEditor": "newUntitledFile",
  // 以下是按照ESLint格式化代碼
  "vetur.format.defaultFormatter.js": "vscode-typescript",
  "javascript.format.insertSpaceBeforeFunctionParenthesis": true,
  "editor.quickSuggestions": {
   "strings": true
  },
  "editor.tabSize": 2,
  "eslint.validate": [
   "javascript",
   "javascriptreact",
   "html",
   "vue",
   {
    "language": "html",
    "autoFix": true
   }
  ],
  // "files.autoSave": "onFocusChange",
  // "vetur.validation.template": false,
  // // 防止格式化代碼后單引號變雙引號
  // "prettier.singleQuote": true,
  "files.autoSave": "afterDelay",
  "files.autoSaveDelay": 1500,
  // "git.confirmSync": false
  // 配置是否從更新通道接收自動更新。更改后需要重啟。
  "update.channel": "none"
}