idea編譯器vue縮進報錯如何解決

本篇內容主要講解“idea編譯器vue縮進報錯如何解決”，感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷，實用性強。下面就讓小編來帶大家學習“idea編譯器vue縮進報錯如何解決”吧!

問題描述：

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
  }

vue是什么

Vue是一套用于構建用戶界面的漸進式JavaScript框架，Vue與其它大型框架的區別是，使用Vue可以自底向上逐層應用，其核心庫只關注視圖層，方便與第三方庫和項目整合，且使用Vue可以采用單文件組件和Vue生態系統支持的庫開發復雜的單頁應用。

到此，相信大家對“idea編譯器vue縮進報錯如何解決”有了更深的了解，不妨來實際操作一番吧！這里是億速云網站，更多相關內容可以進入相關頻道進行查詢，關注我們，繼續學習！