我使用 Vue CLI 生成了一个新的 Vue 项目。对于 linter 选项提示,我选择 Prettier。如何禁用对新行的属性破坏?例如:
这是我的标记:
<v-navigation-drawer
v-model="drawer"
:clipped="$vuetify.breakpoint.lgAndUp"
app
>
...
</v-navigation-drawer>
我的预期输出是这样的:
<v-navigation-drawer v-model="drawer" :clipped="$vuetify.breakpoint.lgAndUp" app>
...
</v-navigation-drawer>
我尝试创建.prettierrc
文件,并添加了此配置:
{
"htmlWhitespaceSensitivity": "ignore"
}
但这对我不起作用,HTML 看起来仍然一样。
这里强制执行的 Prettier 选项是printWidth,默认值为 80。所讨论的标记行的长度是 82 个字符加上前面的制表符空格的长度,这会导致 linter/formatter 分解该行。
你可以增加printWidth
解决这个问题:
// .eslintrc.js
module.exports = {
rules: {
//...
"prettier/prettier": [
"warn",
{
printWidth: 180, // default = 80
}
]
}
}
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)