webstorm代码格式化与eslint-vue 缩进规则冲突
webstorm代码格式化与eslint-vue 缩进规则冲突,
webstorm代码格式化后,如下:
<script>
exports default {
}
</script>
eslint-vue规则要求,如下:
<script>
exports default {
}
</script>
方法1(修改webstorm配置):
修改 Webstorm 代码格式化配置,
在 Code Style > HTML > Other > Do not indent children of:
里面加上 script
,
实现 代码格式化后 Script 标签首层不缩进,
如下:
方法2(修改eslint配置):
打开 .eslintrc.js
文件,
在rules
中添加规则: 'indent': off
,即可通过代码格式校验,如下:
rules: {
'indent': 'off',
// allow async-await
'generator-star-spacing': 'off',
// allow debugger during development
'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off'
}
或者添加overrides
节点,与rules
同级,如下:
rules: {
// allow async-await
'generator-star-spacing': 'off',
// allow debugger during development
'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off'
},
overrides: [
{
files: ['*.vue'],
rules: {
'indent': 'off'
}
}
]