如何解决如何使用Prettier
我使用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仍然看起来相同。
解决方法
此处强制使用的“更漂亮”选项为printWidth
,默认值为80。有问题的标记行的长度为82个字符加上前面的制表符空间的长度,这会导致linter / formatter中断线。
您可以增加printWidth
来解决此问题:
// .eslintrc.js
module.exports = {
rules: {
//...
"prettier/prettier": [
"warn",{
printWidth: 180,// default = 80
}
]
}
}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。