vue -eslint 各种标红错误部分总结

错误1：✖ 69 problems (61 errors, 8 warnings) 56 errors and 8 warnings potentially fixable with the --fix option…
错误2：[vue/no-unused-vars] ‘$index’ is defined but never used.eslint-plugin-vue…
错误3：
错误4：需要配置"jsx": “preserve” 什么的balabala…

解决办法（各位都试试把，不行了看看参考链接）：

1. vue.config.js 添加
   

  //关闭eslint
  lintOnSave:false,

2.在 .eslintrc.js 文件，同样如果没有则新建一个（注意文件前有个点）

文件全部内容替换为如下：

module.exports = {
  root: true,
  env: {
    node: true
  },
  'extends': [
    'plugin:vue/essential',
    'eslint:recommended'
  ],
  parserOptions: {
    parser: '@babel/eslint-parser'
  },
  rules: {
    'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
    'no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
  },
  overrides: [
        //这里是添加的代码
        { 
          files: ['src/views/index.vue','src/views/**/index.vue'],   // 匹配views和二级目录中的index.vue
          rules: {
          'vue/multi-word-component-names':"off",
          } //给上面匹配的文件指定规则
        },
    {
      files: [
        '**/__tests__/*.{j,t}s?(x)',
        '**/tests/unit/**/*.spec.{j,t}s?(x)'
      ],
      env: {
        jest: true
      }
    }
  ]
}

3.设置–>搜索“template”–>把“vetur>Validation:Template”那的对勾取消了—>ctrl+c 关闭项目，然后重启项目

4. jsconfig.json添加 “jsx”: “preserve”

{
  "compilerOptions": {
    "baseUrl": "./",
    "paths": {
        "@/*": ["src/*"]
    },
    "jsx": "preserve", //添加配置
  },
  
  "exclude": ["node_modules", "dist"]
}

5、2023-07-26 新增

参考：
1.vue eslint报错：Component name “index“ should always be multi-word.eslintvue/multi-word-component-names
2. 打开.vue文件出现红色波浪线
3、vscode的vue中出现很多红色波浪线解决办法