如何在现有 Nuxt.js 项目中从 eslint-config-prettier 切换到 prettier-eslint？

Question

我用 create-nuxt-app 搭建了一个 Nuxt.js 项目，并选择了 Typescript + Prettier + ESLint 作为插件。它生成了一个工作配置，但它使用了 eslint-config-prettier 包，它不允许您更改任何固执己见的 Prettier 规则。我想改用 prettier-eslint 包，这样我就可以覆盖其中的一些规则。不幸的是，我不确定我必须删除哪些软件包以及添加哪些软件包。

这是我目前的.eslintrc.js:

extends: [
    '@nuxtjs/eslint-config-typescript',
    'plugin:nuxt/recommended',
    'prettier'
],
plugins: []

和.prettierrc:

{
  "semi": false,
  "singleQuote": true
}

vs-code-prettier-eslint 扩展（用于 VS Code 中的自动格式）表示它需要以下包：

eslint
更漂亮
prettier-eslint
@typescript-eslint/parser（对于 TS 项目）
vue-eslint-parser（用于 Vue 项目）

我不知道我是否需要这 2 个可选包，因为 Nuxt 已经在 ESLint 配置中放置了一些自己的扩展。

能否请您提供必要的 ESLint 配置（如果需要，还提供 Prettier 配置）？

Answer 1

除了所有其他评论之外，您还可以在我解释并链接 Github 存储库的地方查看这个问题：

有了这 2 个，您可以在我看来取得不错的成绩。不确定 TS 设置，但从更漂亮的角度来看应该不是问题。

Answer 2

我不是通过切换到 prettier-eslint 而是通过安装 prettierx 解决了我的问题。它是“一个不那么自以为是的 Prettier 分支”，有更多的规则定制选项，完全符合我的需要。

我的 eslint 配置与问题中显示的保持一致，我继续使用 eslint-config-prettier。

我必须将 "prettier.prettierPath": "./node_modules/prettierx" 添加到我的 VS Code settings.json 以便 Prettier 扩展正确使用新库。

如何在现有 Nuxt.js 项目中从 eslint-config-prettier 切换到 prettier-eslint？

How do I switch from eslint-config-prettier to prettier-eslint in existing Nuxt.js project?

eslint

vscode-extensions

nuxt.js

prettier