場景

安裝eslint后，編譯第一個vue項目：

npm run dev

報錯：

? http://eslint.org/docs/rules/space-before-function-paren Missing space before function parentheses
src\components\HelloWorld.vue:21:7
data() {
意思是：方法data和括號()之間需要一個空格。

解決方法：
方法1. 添加空格
方法2. 修改eslint的檢測規(guī)則。

修改eslint的檢測規(guī)則

步驟

1. 打開項目中的.eslintrc.js文件

// https://eslint.org/docs/user-guide/configuring

module.exports = {
  root: true,
  parserOptions: {
    parser: 'babel-eslint'
  },
  env: {
    browser: true,
  },
  extends: [
    // https://github.com/vuejs/eslint-plugin-vue#priority-a-essential-error-prevention
    // consider switching to `plugin:vue/strongly-recommended` or `plugin:vue/recommended` for stricter rules.
    'plugin:vue/essential', 
    // https://github.com/standard/standard/blob/master/docs/RULES-en.md
    'standard'
  ],
  // required to lint *.vue files
  plugins: [
    'vue'
  ],
  // add your custom rules here
  rules: {
    // allow async-await
    'generator-star-spacing': 'off',
    // allow debugger during development
    'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off',
  }
}

2. 在rules中添加規(guī)則：

'space-before-function-paren': ["error", "never"]

3. 保存修改，重啟vscode，運行項目。success?。?！

推薦配置

數(shù)組的元素之間要以空格隔開（, 后面），never參數(shù): [ 之前和 ] 之后不能帶空格，always參數(shù)： [ 之前和 ] 之后必須帶空格

'array-bracket-spacing': [2, 'never']

控制逗號前后的空格

'comma-spacing': [2, {before: false, after: true}]

駝峰命名

camelcase: 2

禁止使用var

'no-var': 'error'

要求使用===和!==

eqeqeq: ['warn', 'always']