解决eslint与webstorm关于script标签的缩进问题

在vue-cli中，使用eslint时会对代码进行校验，其在.vue文件中支持的是不缩进，如下所示：

在.eslintrc.js文件中，将rules节点添加如下配置项：

rules: {
  // 数字2表示统一缩进2个空格，数字1表示1倍缩进
  'vue/script-indent': ['error', 2, {'baseIndent': 1}]
}

还要添加以下内容 

overrides: [
  {
    'files': ['*.vue'],
    'rules': {
    'indent': 'off'
    }
  }
]

我试了下，eslint不报错了，但Vue却还是会报错

最终解决办法，将上面刚设置的都删掉

在webstorm中，File => Setting => Editor => Code Style => HTML 

 Do not indent children一栏中加入script标签，，然后执行格式化，问题解决