在Vue项目中处理ESlint语法报错问题的方法

在编译项目过程中，出现如下类似问题：

从报错的结果看，书写的代码没有符合ESlint的代码规范。

如何解决这类问题呢？

 

1、创建.prettierrc配置文件

在项目根目录中，创建.prettierrc文件，".prettierrc"文件是json格式的配置文件，该文件写入代码如下：

{
    "semi":false,//格式化去掉代码中的分号
    "singleQuote":true//将代码中的双引号，改成单引号
    }

2、在'.eslintrc.js'文件中，修改验证语法规则

例如针对上图中的问题：

2.1、可以在源代码中修改错误，在错误位置输入空格；

2.2、可以在'.eslintrc.js'文件中，添加规则  'key-spacing': 0

module.exports = {
    root: true,
    env: {
        node: true
    },
    'extends': [
        'plugin:vue/essential',
        '@vue/standard'
    ],
    rules: {
        'no-console': process.env.NODE_ENV === 'production' ? 'error' : 'off',
        'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off',
        'key-spacing': 0//添加了此规则，上图中的问题就解决了
    },
    parserOptions: {
        parser: 'babel-eslint'
    }
}