'prettier/vue' 和 '@vue/prettier' 之间的区别

Question

最近我在做一个 vue3/vite + ts 项目，想添加 eslint 和更漂亮，但我很困惑我应该在 eslint 文件中使用哪些设置（“扩展”部分）和/或如何拼写他们。如果我查看官方 eslint vue homepage，他们会写出更漂亮的东西，比如未注释掉的行（下图）。但如果我查看 official eslint-config-typescript page，他们会像注释掉的行（下图）一样写出来。 如果我用谷歌搜索，我会在项目中找到这两个例子。所以我的问题是：

写法有区别吗？ 还是他们也一样，我拿哪一个都没关系？

Answer 1

我对vue3/vite + ts了解不多，但是看到这里有2个瞬间：

1. @ 的用法。很可能和webpack有关（相信你用的是vue-cli）。它通常意味着类似：resolve: {alias: {'@': path.resolve('src')}}, 所以，@ 只是系统中某个路径的别名，通常是项目的根/源文件夹。您可以在webpack.config.js 中找到确切的路径。
2. vue/prettier 与 prettier/vue。只是包裹的位置。您可以将 prettier 与 vue 捆绑在一起，也可以使用包含一些自定义/采用 vue 版本的独立 prettier 包。它们可能几乎相同，请检查它们的 package.json 文件的版本。