vue eslint indent 檢測問題

這樣的結(jié)果就是報(bào)

 http://eslint.org/docs/rules/indent  Expected indentation of 2 spaces but found 4  
  src\components\HelloWorld.vue:93:1
      }
   ^

如果我這樣

它就不報(bào)，顯示正確，不論我規(guī)則里怎么配置indent 都不能解決 script 標(biāo)簽下縮進(jìn)問題！ESLINT3 沒有這個(gè)問題，eslint 4卻會(huì)出現(xiàn)這個(gè)問題！

回答

編輯回答

好難瘦

vue項(xiàng)目中，設(shè)置這個(gè)就可以了

2017年4月8日 09:16

編輯回答

不歸路

eslint 配置了 2 個(gè)空格縮進(jìn)的規(guī)則，你這里是 4 個(gè)空格縮進(jìn)，就報(bào)錯(cuò)了

2018年5月9日 02:36

編輯回答

挽歌

我也是遇到這個(gè)問題。因?yàn)槭褂脀ebStorm，使用快速格式化代碼時(shí)，<script>下的第一行會(huì)自動(dòng)縮進(jìn)2格，然而eslint會(huì)認(rèn)為這是個(gè)錯(cuò)誤。

2018年1月8日 01:16

編輯回答

奧特蛋

我直接在WebStorm里設(shè)置格式化時(shí)頂格

圖片描述

2018年5月3日 10:50

編輯回答

款爺

最近腳手架搭建的都有這個(gè)問題，不知道vue是不是故意的，先安裝

npm install --save-dev eslint-plugin-html

然后把.eslintrc.js 內(nèi)容整體替換為下面的內(nèi)容，就可以了

// https://eslint.org/docs/user-guide/configuring

module.exports = {
  root: true,
  parser: 'babel-eslint',
  parserOptions: {
    sourceType: 'module'
  },
  env: {
    browser: true,
  },
  // https://github.com/standard/standard/blob/master/docs/RULES-en.md
  extends: 'standard',
  // required to lint *.vue files
  plugins: [
    'html'
  ],
  // add your custom rules here
  rules: {
    // 關(guān)閉數(shù)組，對象最后一個(gè)元素后的逗號檢查
    'comma-dangle': 0,
    'no-extra-semi': 0,
    'new-cap': 0,
    'no-new': 0,
    'no-undef': 0,
    'max-len': 0,
    'no-useless-escape': 0,
    'space-before-function-paren': [0, 'always'],//函數(shù)定義時(shí)括號前面要不要有空格
    'semi': [2, 'always'],//語句強(qiáng)制分號結(jié)尾
    'no-console': 0,// 禁止使用console
    // allow async-await
    'generator-star-spacing': 'off',
    'no-unused-expressions': 'off',
    // allow debugger during development
    'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off'
  }
}

圖片描述

2017年7月22日 14:22

編輯回答