问题描述
最近我在做一个 vue3/vite + ts 项目，想添加 eslint 和更漂亮的，但我很困惑我应该在 eslint 文件中使用哪些设置（“扩展”部分）和/或如何拼写他们。如果我查看官方 eslint vue homepage，他们会写出更漂亮的东西，例如未注释掉的行（下图）。但是如果我查看 official eslint-config-typescript page，他们会像注释掉的行那样写（图片以下）。 如果我用谷歌搜索，我会在项目中找到这两个例子。所以我的问题是：
写的有什么区别吗？ 或者他们也做同样的事情，我拿哪一个都没有关系？
解决方法
我对 vue3/vite + ts 不太了解，但我在这里看到了 2 个瞬间：
-
@的用法。很有可能和webpack有关（相信你用的是vue-cli）。它通常意味着类似：resolve: {alias: {'@': path.resolve('src')}},所以，@只是系统中某些路径的别名，通常是项目的根/源文件夹。您可以在webpack.config.js中找到确切的路径。 -
vue/prettier与prettier/vue。只是包裹的位置。您可以使用与 vue 捆绑的prettier或包含一些自定义/采用 vue 版本的独立prettier包。它们可能几乎相同，请检查它们的 package.json 文件以获取版本。