鍍金池/ 問答/HTML5  HTML/ eslint縮進(jìn)配置

eslint縮進(jìn)配置

clipboard.png
想用eslint做代碼風(fēng)格檢查
配置的縮進(jìn)四個(gè)空格但是第一行 export那里一直提示要頂頭寫，感覺很別扭 怎么配置才可以首行就縮進(jìn)四個(gè)空格？

回答
編輯回答
不舍棄

修改package.json文件

安裝eslint-plugin-vue，刪除eslint-plugin-html。

修改.eslintrc.js文件

把parser: 'babel-eslint',挪到parserOptions里。
在plugins里刪除html。
在extends里添加'plugin:vue/recommended'。
在rules里添加：

    'indent': 'off',
    'vue/script-indent': [
      'error',
      4,
      {
        'baseIndent': 1
      }
    ]

示例

module.exports = {
  root: true,
  parserOptions: {
    parser: 'babel-eslint',
    sourceType: 'module',
  },
  env: {
    browser: true,
  },
  extends: ['airbnb-base', 'plugin:vue/recommended'],
  plugins: [],
  // check if imports actually resolve
  settings: {
    'import/resolver': {
      webpack: {
        config: 'build/webpack.base.conf.js',
      },
    },
  },
  // add your custom rules here
  rules: {
    // don't require .vue extension when importing
    'import/extensions': [
      'error',
      'always',
      {
        js: 'never',
        vue: 'never',
      },
    ],
    // allow optionalDependencies
    'import/no-extraneous-dependencies': [
      'error',
      {
        optionalDependencies: ['test/unit/index.js'],
      },
    ],
    // allow debugger during development
    'no-debugger': process.env.NODE_ENV === 'production' ? 2 : 0,
    'indent': 'off',
    'vue/script-indent': [
      'error',
      4,
      {
        'baseIndent': 1
      }
    ]
  },
};
2017年6月19日 14:43