啟動vue項目報錯：Expected indentation of 4 spaces but found 6

原文鏈接：https://blog.csdn.net/yan263364/article/details/80499435

問題：

剛開始用一個小項目練手，用vue-cli初始化項目，直接安裝了所有的東西，如vue-router、ESLint、unit tests等等，當時只懂得vue-router是什么。
問題來了，在vue頁面寫代碼時，命令行報了很多錯，幾乎全是Expected indentation of 4 spaces but found 6類似這樣的

最初的解決方法：

看了報的錯，就直接刪除了多余的空格。 然而這種問題太多了，只要用Tab鍵，都會有這種錯。剛開始以為vue對代碼檢測太嚴格，把編輯器上Tab鍵原有的4個空格改為了2個空格，就沒這個問題了。 嗯，結果是看着很別扭，習慣了4個空格的換行。

 

結果：

想換回4個空格，才知道是項目初始時，默認安裝ESLint（ESLint是一個語法規則和代碼風格的檢查工具，可以用來保證寫出語法正確、風格統一的代碼）的原因，關閉ESLint方法：
在vue項目中找到build文件夾 --> webpack.base.conf.js --> module，作如下修改：

 module: {
    rules: [
      // 把下面這行注釋掉，把 eslint 關閉
      // ...(config.dev.useEslint ? [createLintingRule()] : []),
      {
        test: /\.vue$/,
        loader: 'vue-loader',
        options: vueLoaderConfig
      },
      {
        test: /\.js$/,
        loader: 'babel-loader',
        include: [resolve('src'), resolve('test'), resolve('node_modules/webpack-dev-server/client')]
      }