idea編譯器vue縮進報錯怎么辦

這篇文章主要介紹了idea編譯器vue縮進報錯怎么辦，具有一定借鑒價值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

項目場景：

在運行Vue項目時，出現了縮進報錯的問題，我是使用idea 的編譯器，上網查了一下多數都是直接更改縮進的的數量，不過我覺得麻煩，就只是想要關掉驗證。

問題描述：

idea編譯器出現Vue縮進報錯

?  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)

解決方案：

在.eslintrc.js 里加入這三行代碼即可

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

加入后樣子

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
  }

感謝你能夠認真閱讀完這篇文章，希望小編分享的“idea編譯器vue縮進報錯怎么辦”這篇文章對大家有幫助，同時也希望大家多多支持億速云，關注億速云行業資訊頻道，更多相關知識等著你來學習!