解決vue空格換行報錯問題

這個問題主要是因為你初始化的時候設置了eslint（規范化代碼，你可以重新初始化關掉eslint）解決辦法如下（建議方法三，簡單）：

方法一：

找到目錄下的build文件夾，面有webpack.base.config.js文件，將下放代碼注釋掉然后重啟就可以了

由於我用vue-cli創建的項目沒有build文件夾，所以找不到webpack.base.config.js文件，不能用上面這種方法解決，所以↓

方法二： 

打開根目錄下的.eslintrc.js文件，加入下面代碼

chainWebpack: config => {
    config.module
      .rule('vue')
      .use('vue-loader')
      .loader('vue-loader')
      .tap(options => {
        options.compilerOptions.preserveWhitespace = true
        return options
      })
  }

如圖所示：

 方法三：

還有一種方法特別簡單，只要刪掉嚴格模式那個配置就行了（刪掉后一定要重啟編輯器！）如圖：

 

完美解決 ~ so easy!~~有這么好的博主，媽媽再也不用擔心我的學習辣~~