1. 程式人生 > >expected indentation of 0 spaces but found 2 . vue eslint規則和idea衝突

expected indentation of 0 spaces but found 2 . vue eslint規則和idea衝突

使用vue建立工程時,在vue頁面裡,用到script時,idea預設會縮排兩個空格,而eslint校驗時期望,script下的首行不要縮排。
因此會提示如下報錯:

expected indentation of 0 spaces but found 2 . 

 解決辦法:
1、不校驗縮排,在rule裡增加如下規則:

'rules': {
    'indent': 'off'
  }

 2、修改IDEA或webstorm配置,File => Setting => Editor => Code Style => HTML,找到 add Do not indent children of

的選項,新增 script 標籤就完美解決縮排問題。

 

3、直接關閉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')]
      },

 然後 npm run dev