Vue indent eslint缩进webstorm冲突解决

参考教程

官方回复

ESlint设置

  rules: {
    'no-multiple-empty-lines': [1, {max: 3}],   // 控制允许的最多的空行数量
    'vue/script-indent': ['error', 2, {baseIndent: 1}],   // 控制js缩进
  },
  overrides: [
    {
      files: ['*.vue'],
      rules: {
        'indent': 'off'
      }
    }
  ]

WebStorm修改配置兼容

File => Setting => Editor => Code Style => HTML 找到Do not indent children of 的选项，添加 script 标签就完美解决缩进问题。