Vue3中使用Prettier导致的尖括号换行错误

757 阅读1分钟

我这里是Prettier的问题,设置完成后就解决问题了,希望可以帮助到你🙂

如果标签内一行内容过多(如下所示),格式化之后就会成这个鬼样子,尖括号莫名其妙的错位换行

<RouterLink to="/"
    >这只是示例这只是示例这只是示例这只是示例这只是示例这只是示例这只是示例这只是示例</RouterLink
>

只需要在prettier的配置文件中设置这个属性就可以了

"htmlWhitespaceSensitivity": "ignore"

之后格式化一下就恢复正常了,美观多了

<RouterLink to="/">
    这只是示例这只是示例这只是示例这只是示例这只是示例这只是示例这只是示例这只是示例
</RouterLink>

暂时只用了一个简易demo试验了一下,如果后续出现别的问题会来补充