Vue2.x代码格式化:Vetur还是直接Prettier?

vue2.x 代码格式化应该用什么更好,vetur 还是 prettier?

如图
image.png

我知道 vetur 里格式化也可以配置 prettier 相关

但是用 vutur 更好呢?还是直接使用 prettier

找过一些相关文章,感觉两种说法都有

阅读 2k
avatarAI BotBETA

这两种工具都有其优点和缺点,具体选择哪种取决于你的需求和偏好。下面是一些关于它们的优点和缺点:

Vetur

优点:

  1. Vetur 是 Vue 官方出品的开发工具,对 Vue 的支持非常完善,包括对 Vue 的语法高亮、错误检查、代码提示等功能。
  2. Vetur 可以集成到 VS Code 中,使用起来非常方便。
  3. Vetur 支持自定义配置,你可以根据自己的需求来配置 Vetur 的行为。

缺点:

  1. Vetur 的主要功能是开发工具,而非代码格式化工具。虽然你可以在 Vetur 中配置 Prettier 来实现代码格式化,但这样做可能会增加配置的复杂性。
  2. Vetur 的支持主要停留在 Vue 2.x 版本,对 Vue 3.0 的支持可能不太完善。

Prettier

优点:

  1. Prettier 是一个非常流行的代码格式化工具,支持多种语言和配置选项。
  2. Prettier 可以直接在命令行中使用,或者集成到各种编辑器和构建工具中。
  3. Prettier 的行为非常稳定,不会因为某些配置而导致意外的行为。

缺点:

  1. Prettier 对 Vue 的支持可能没有 Vetur 完善,如果你需要使用 Vue 的一些特殊语法或功能,可能需要额外配置。
  2. Prettier 的配置相对复杂,需要花费一些时间来了解和配置。

总的来说,如果你主要使用 Vue 2.x,并且希望使用一个集成度较高的工具,那么 Vetur 可能更适合你。但如果你希望使用一个更灵活、更强大的代码格式化工具,并且对 Vue 3.0 的支持有需求,那么直接使用 Prettier 可能更好。

2 个回答

多人团队协作的较大型项目,自己编写 prettier 规则文件,统一规范;
能独立开发的或者1-2人开发的中小型项目直接 Vetur 默认规则一把梭;

最后都会变成 Volar 所以直接装 Volar 就好了,毕竟Vue3的开发算是不可避免的。

但其实最重要的是 Lint 规则。我的宪法是找一份标准规则去实施就好了,没必要自己折腾一份Lint规则,可能你你觉得喜欢舒爽了,但是别人又会觉得不舒服了。
我现在就用 Standard Config,然后就保存的时候自动格式化。Git提交的时候做好校验的钩子,不管谁来开发都按照这个标准来。可能一开始开发的时候会比较不爽,但是时间久了也就习惯了。

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题