vue.js - 'prettier/vue' 和 '@vue/prettier' 之间的差异 eslint

Question

最近我在做一个 vue3/vite + ts 项目，想添加 eslint 和 prettier，但我很困惑我应该在 eslint 文件中使用哪些设置(“扩展”部分)和/或如何拼写它们。如果我看官方的 eslint vue homepage ，他们写了更漂亮的东西，比如没有注释掉的行(下图)。但如果我看看 official eslint-config-typescript page他们把它写成注释掉的行(下图)。
如果我用谷歌搜索，我会在项目中找到这两个例子。所以我的问题是:
写法有区别吗？
或者他们做同样的事情，我拿哪一个都没有关系？

Answer 1

我对 vue3/vite + ts 不太了解，但我在这里看到了 2 个瞬间:

@的用法.很有可能和webpack有关(相信你用的是vue-cli)。它通常意味着类似:resolve: {alias: {'@': path.resolve('src')}},所以，@只是系统中某些路径的别名，通常是项目的根/源文件夹。您可以在 webpack.config.js 中找到确切的路径.

vue/prettier对比 prettier/vue .只是包裹的位置。你要么拿prettier与 vue 捆绑或独立 prettier包含一些自定义/采用的 vue 版本的包。它们可能几乎相同，请检查它们的 package.json 文件的版本。