'prettier/vue' 和 '@vue/prettier' 之間的區別

Question

最近我在做一個 vue3/vite + ts 項目，想添加 eslint 和更漂亮，但我很困惑我應該在 eslint 文件中使用哪些設置（“擴展”部分）和/或如何拼寫它們。 如果我查看官方 eslint vue 主頁，他們會寫更漂亮的東西，例如未注釋掉的行（下圖）。但是如果我查看官方 eslint-config-typescript 頁面，他們會像注釋掉的行一樣寫（下圖） ）。 如果我用谷歌搜索，我會在項目中找到這兩個例子。 所以我的問題是：

寫的有區別嗎？ 還是他們做同樣的事情，我拿哪一個都沒關系？

Answer 1

我對 vue3/vite + ts 了解不多，但我在這里看到了 2 個時刻：

1. @的用法。 很可能和webpack有關（相信你用vue-cli）。 它通常的意思是這樣的： resolve: {alias: {'@': path.resolve('src')}},所以， @只是系統中某個路徑的別名，通常是項目的根/源文件夾. 您可以在webpack.config.js中找到確切的路徑。
2. vue/prettier與prettier/vue的對比。 只是 package 的位置。 您可以使用與 vue 捆綁的更prettier的軟件，也可以使用包含一些自定義/采用 vue 版本的獨立prettier的 package。 它們可能幾乎相同，請查看 package.json 文件的版本。