最近在独立一个前端项目，就是将某部分的功能页面独立出来，使用的vue框架，项目搭好之后，启动老是给我报定义了变量未使用的错误，.eslintrc这东西虽然规范了代码，但是有些规范实在苛刻。所以有的规范还是需要自己配置下的。
然后就看网上的说在.eslintrc.js这个配置文件里加 no-unused-vars": 'off’

module.exports = {
  root: true,
  env: {
    node: true
  },
  'extends': [
    'plugin:vue/essential',
    // '@vue/standard'
  ],
  rules: {
    'no-debugger' : 'off',
     'no-unused-vars': 'warn'
  },
  parserOptions: {
    parser: 'babel-eslint'
  }
}

但是，但是，他妈的没效果。

然后高级的来了

module.exports = {
  root: true,
  env: {
    node: true
  },
  'extends': [
    'plugin:vue/essential',
    // '@vue/standard'
  ],
  rules: {
    'no-debugger' : 'off',
     'no-unused-vars': 'warn',
    'vue/no-unused-vars': "off"
  },
  parserOptions: {
    parser: 'babel-eslint'
  }
}

说明

‘no-unused-vars’: ‘warn’，作用在js代码部分。
‘vue/no-unused-vars’: “off”，作用在vue模板部分。

官方解释地址
https://github.com/vuejs/vue-cli/issues/2499