idea編譯器vue縮進報錯問題場景分析

Posted on by

項目場景：

在運行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縮進報錯問題場景分析的文章就介紹到這瞭,更多相關vue縮進報錯內容請搜索WalkonNet以前的文章或繼續瀏覽下面的相關文章希望大傢以後多多支持WalkonNet！

推薦閱讀：