问题
WebStorm的缩进规则和ESlint-vue的校验规则冲突引起的问题。
前提条件
- Vue项目
- 安装时打开ESLint校验功能
- 开发工具WebStorm
代码格式化会出现两种:
WebStorm格式化:
1 | <script> |
ESlint格式化:
1 | <script> |
解决方案
打开项目根下的.eslintrc.js文件,将rules节点中添加以下配置项,其中’2’是指统一缩进2个空格,’1’是指1倍缩进。
1 | 'vue/script-indent': ['error', 2, {'baseIndent': 1}] |
另外需要添加以下节点,与rules节点同级:
1 | overrides: [ |
问题搞定。