Analysis of idea compiler vue indentation error problem scenario

Project scenario:

When running the Vue project, there was an indentation error. I was using the idea compiler and checked online. Most of them directly changed the number of indents, but I thought it was troublesome and just wanted to turn off the verification.

Problem description:

Vue indentation error occurs in idea compiler

✘ http://eslint.org/docs/rules/indent Expected indentation of 0 spaces but found 2
src\components\Home.vue:6:1
export default {
^

✘ http://eslint.org/docs/rules/indent Expected indentation of 2 spaces but found 4
src\components\Home.vue:7:1
name: 'Home'
^

✘ http://eslint.org/docs/rules/indent Expected indentation of 0 spaces but found 2
src\components\Home.vue:8:1
}
^

✘ 3 problems (3 errors, 0 warnings)

Solution:

Just add these three lines of code in .eslintrc.js

'no-tabs':'off',
    'indent':'off',
    'space-before-function-paren':0

After joining

rules:
    // allow async-await
    'generator-star-spacing': 'off',
    // allow debugger during development
    'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off',
    'no-tabs':'off',
    'indent':'off',
    'space-before-function-paren':0
  }

This is the end of this article about the scenario analysis of the Vue indentation error problem in the idea compiler. For more relevant Vue indentation error content, please search for previous articles on 123WORDPRESS.COM or continue to browse the following related articles. I hope everyone will support 123WORDPRESS.COM in the future!