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 標簽就完美解決縮進問題。