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

Question

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

vue.jsprettiertypescript-eslintprettier-eslinteslint-config-vue

4

最近我在一个vue3/vite + ts项目上工作，想要添加eslint和prettier，但是我对于在eslint文件(section "extends")中应该使用哪些设置或如何拼写它们感到困惑。如果我查看官方的eslint vue主页，他们像未被注释掉的行一样编写prettier部分(如下图)。但是如果我查看官方eslint-config-typescript页面，他们将其编写为已被注释掉的行(如下图)。如果我搜索，我会在项目中找到这两个示例。因此，我的问题是：

这种写法有什么区别吗？还是它们是相同的，无论我选择哪一个都没有关系？

- Max

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- curveball · Accepted Answer

我对vue3/vite + ts不是很了解，但我在这里看到两个重要点：

使用@。它可能与webpack有关（我相信你使用vue-cli）。通常意味着类似于这样的东西：resolve: {alias: {'@': path.resolve('src')}},因此，@只是您系统中某个路径的别名，通常是项目的根/源文件夹。您可以在webpack.config.js中找到确切的路径。
vue/prettier vs prettier/vue。只是包的位置不同。您可以选择捆绑在vue中的prettier或独立的prettier包，其中包含一些针对vue的自定义/采用版本。它们可能非常相似，请检查它们的package.json文件以获取版本信息。