今晚月色真美

问题

WebStorm的缩进规则和ESlint-vue的校验规则冲突引起的问题。

前提条件

  • Vue项目
  • 安装时打开ESLint校验功能
  • 开发工具WebStorm

代码格式化会出现两种:

WebStorm格式化:

1
2
3
4
<script>
exports default {
}
</script>

ESlint格式化:

1
2
3
4
<script>
exports default {
}
</script>

解决方案

打开项目根下的.eslintrc.js文件,将rules节点中添加以下配置项,其中’2’是指统一缩进2个空格,’1’是指1倍缩进。

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

另外需要添加以下节点,与rules节点同级:

1
2
3
4
5
6
7
overrides: [
{ 'files': ['*.vue'],
'rules': {
'indent': 'off'
}
}
]

问题搞定

 评论

本站总字数统计:18.4k

感谢您的浏览, 本站总访问量为 次 。
载入天数...载入时分秒...