关于使用prettier之后产生的eslint报错

1.关于如何取消结束标签/＞保存换行问题 一堆错误

在.eslintrc.js文件下，将“prettier/prettier"选项error—>off,一定可以解决，保存时html标签自动换行报错的问题。

rules: {

"prettier/prettier": "off"

}

2.v-on event '@onClick' must be hyphenated.点击事件驼峰命名错误

rules:{
    'vue/v-on-event-hyphenation':'off',
}

3.Expected a linebreak before this attribute.关闭黄色波浪线提示，空格不期待

// singleline...单行元素的配置。如果元素没有属性或最后一个属性与左括号位于同一行，则它是单行元素。"never"（默认）...不允许在右括号前换行。"always"...要求在右括号前有一个换行符。
// multiline...多行元素的配置。如果最后一个属性不在左括号的同一行上，则它是一个多行元素。"never"...不允许在右括号前换行。"always"（默认）...要求在右括号前有一个换行符。
rules:{
    'vue/html-closing-bracket-newline': ['error', {
      'singleline': 'never',
      'multiline': 'never'
    }],

    
}

上述的报错处理都是在.eslintrc.js文件当中修改规则

汇总

    'prettier/prettier': 'off',
    'vue/v-on-event-hyphenation': 'off',
    'vue/first-attribute-linebreak': [  
      'error',
      {
        singleline: 'ignore',
        multiline: 'ignore',
      },
    ],
    "vue/html-closing-bracket-newline": ['error', {
      'singleline': 'never',
      'multiline': 'never'
    }],