vue关于eslint空格缩进等的报错问题

解决办法有四种：

1. 在.eslintrc.js文件中添加如下代码：

  rules: {
    'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
    'no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
     //禁止console报错检查
     'no-console':  'off',
     //禁止空格报错检查
     'generator-star-spacing': 'off'
  }

2.在报错的那个文件中的里面第一行插入以下代码：

/* eslint-disable */

这个最直接，忽视所有eslint规范(亲测有效)
3.在最开始创建项目的时候，如果你不想有规范的js代码，可以重新初始化关掉eslint，在这一步选择No:

Use ESLint to lint your code? (Y/n) no

在bulid/webpack.base.conf.js里面有配置如下：
module: {
rules: [

…(config.dev.useEslint ? [createLintingRule()] : []),
点进config.dev.useEslint，发现在config/index.js里配置
useEslint: true, // 改为false即可。
（未尝试）
4.打开vscode的设置，搜索eslint，在搜素出来的下面找到settings.json
如图：
打开settings.json文件
修改代码为如下：

{
    "eslint.options": {
      "extensions": [
        ".js",
        ".vue"
      ]
    },
    "eslint.validate": [
      "javascript",
      {
        "language": "vue",
        "autoFix": true
      },
      "html",
      "vue"
    ],
    "eslint.autoFixOnSave": true,
    "editor.codeActionsOnSave": {
      "source.fixAll.eslint": true
    },
    "eslint.codeAction.disableRuleComment": {},
    "eslint.alwaysShowStatus": true,
    "workbench.colorTheme": "Monokai Dimmed",
    "eslint.codeAction.showDocumentation": {
    
      "enable": true
    },
  }