vue3 如何统一代码格式化工具？

Question

我的 vscode 上，有两个插件可以帮我格式化代码

但是这两个插件出来的效果区别太大了，各有优缺点：

• 比如 prettier 代码块使用 2 个空格缩进；而Volar 可以自己配
• Volar 喜欢狗拿耗子把代码注释从代码尾部挪到代码的下一行

这些差异就很烦，尤其在团队合作的时候

所以，怎么大一统呢？比如我可以把怎么格式化，申明在一个文件中，然后各种工具都用这个规则格式化？有这样的东西吗？

Answer 1

用ESLint, 并在项目中配置ESLint就行了

Answer 2

推荐使用 ESlint 而不是 Prettier。如果你一定要使用 Prettier 的话，我记得 Volar 是有 Prettier 的 plugin 👉 volar-service-prettier。

而且是可以指定代码格式化工具的，就是你截图的第三个选项。

另外这个是 AntFu 大佬的一篇文章，你可以阅读一下 👉 为什么我不使用 Prettier