vscode prettier 格式化问题

Question

问题描述

Vue开发时，存在以下形式:

<button @click="handleClick('vue')">确定</button>

这种情况下，无论prettier设置的是单引号还是双引号,格式化后都会报错.而已一旦文件中使用这种方式的地方多，一格式化之后就得全部去手动修改。

// 单引号
<button @click='handleClick('vue')'>确定</button>

// 双引号
<button @click="handleClick('vue')">确定</button>

面对这个问题，开发时非常繁琐，我也尝试过去寻找资料，但没找到好的解决方案。
所以在此，向各位大神咨询好的解决方案，谢谢！
1.prettier的配置方案
2.vue更友好的写法。

Answer 1

这样的写法本来就是 JS 代码编写中最适当的，跟 Vue 没有关系。
你可以把自己配置放出来以便其他人帮你排查问题。

另外，楼主可以思考一下你是不是真正需要引入另一个工具去解决一个可能不是太必要的问题，由于你的基本写法都没有改变，我不太明白非要使用 prettier 的优势在哪。