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

2023-06-22 375 0

图片.png

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

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

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

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

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

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

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

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

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

回答

相关文章

nuxt2部署静态化和ssr的时候访问首页先报404再出现首页为什么?
`clip-path` 如何绘制圆角平行四边形呢?
多线程wait方法报错?
VUE 绑定的方法如何直接使用外部函数?
vue2固定定位该怎么做?
谁有redis实现信号量的代码,希望借鉴一下?