问题标签 [prettier-eslint]

我创建了自己的可共享 ESLint 配置，它也使用eslint-config-prettier和eslint-plugin-prettier. 在另一个项目中安装包后，ESLint 工作正常，但 prettier 不会在保存时格式化代码，即使我已经安装了更漂亮的 VS-Code 扩展并启用了保存时的格式设置。
这是我可以作为包安装的自定义 ESLint 配置。

这就是我扩展本地.eslintrc.json文件的方式：

我没有.prettierrc向我的本地项目添加文件，所以 prettier 找不到配置文件，因此无法在保存时格式化我的代码。
但我的目标是在 ESLint 文件中指定更漂亮的规则，并根据 ESLint 中指定的规则运行更漂亮的规则。是否可以配置 prettier 以使用通过 ESLint 指定的规则？

I am using Prettier as a formatter, so I configured eslint-plugin-prettier. I did everything from this guide but when I try to run ng lint I get this error:

This is my .eslintrc.json:

From my package.json:

如果我使用plugin:prettier/recommendedexlintrc.json ng lint 会无限。

.eslintrc.json

在同一个根目录下，我有 .prettierrc 文件，其配置如下

当我运行ng lint构建无限。如果我不使用"plugin:prettier/recommended"lint 作品

eslint -config- prettier和eslint-plugin-prettier都是用于将ESLint与Prettier集成的流行包。

但是，在阅读了他们俩的文档后，我了解到两者都可以胜任。但是，如果我们使用eslint-plugin-prettier，将会有一些问题如果我们使用eslint-config-prettier就不会发生。另外，当使用eslint-plugin-prettier推荐配置时，它会在后台使用eslint-config-prettier。

我觉得eslint-config- prettier 比eslint-plugin-prettier有明显的优势 ，但是eslint-plugin-prettier仍然很受欢迎，而且它在npm上的每周下载量确实很多。我错过了什么？使用eslint-plugin-prettier有什么好处？

似乎有一些规则让我的配置让系统知道使用 ESLint 并不总是有效。我在 VSCode 中启用了“自动格式”保存。

例如，这有一个 ESLint 错误no-confusing-arrow：

如果我运行eslint --fix它更新以将括号包裹为表达式：

但是，如果我保存，它会撤消更改并返回错误。

我的 ESLint 如下：

漂亮的：

如您所见，我prettier将更漂亮的错误显示为 ESLint 错误。

什么可以在保存时关闭括号？

编辑：我尝试查看其他 ESLint 规则，例如no-extra-parens，但没有成功

编辑 2：我在我的 VSCode 中禁用了 Prettier，并且保存正确持久，所以它似乎与 Prettier 发生了经过验证的冲突。我可以更改什么设置来保持 Prettier 不会出现这种冲突？

第一张图片：保存之前
第二张图片：通过vs代码将格式保存到一些默认配置之后

保存文件后出现 lint 错误（右侧）。即使在修复它然后再次保存之后也会回到错误状态。我们如何让我们的vs代码编辑器适应项目提到的规则而不是根据vs代码中的本地设置，可能在.prettierrc

我正在尝试学习如何为我的 React 项目编写一些新的 ESLint 规则。我想首先创建一条规则，说value应该遵循每个属性，trim()但无法弄清楚如何从我到目前为止所做的事情继续：

我很想帮忙。

Invalid应该是这样的：input.value.toString()
Valid应该是：（input.value.trim().toString()在trim()之后value）。

谢谢！

这个项目是别人写的，我需要从这里开始工作。我认为第一步应该是修复格式。通常，我只是在我的 vscode 中使用 .prettierrc，然后运行 ​​alt-shift-f 或 ctrl-s 来格式化每个文件中的代码。我尝试使用 eslint，但遇到了各种错误，所以我摆脱了它（卸载了项目中的所有 eslint dev-dependencies，就像我开始工作之前的情况一样）。我在 vscode 中安装了更漂亮的和 eslint 扩展。

错误

根 > .vscode > settings.json

根 > 前端 > .prettierrc

如何让我更漂亮的文件忽略此错误？它出现在所有文件上。操作系统：Windows 10

更新：这是我的 package.json 中的以下内容。我通常不安装更漂亮的，但我不知道该怎么做。据我了解，这更像是 IDE 的事情，而不是项目的事情。

@mui/material在一个共享项目上工作，我的同事使用更新的 npm 包（ from ）创建了一个新分支@material-ui/core。当我拉他的分支并运行所有东西时，npm install一切都安装并正常工作。但是现在，如果我对文件进行更改然后保存（打开保存格式），我所有的导入都会在它们之前使用值格式化：import React from 'react'变成import value React from 'react'. 不知道该怎么做，因为更新 MUI 不应该更改与格式相关的任何内容。他没有遇到这个问题。

我们在 VS Code 中使用 ESLint v2.2.2 和 Prettier - Code formatter v9.1.0 扩展。

.eslintrc.json

.prettierrc

本地设置

我已经通过安装更漂亮

我想更漂亮地只格式化打字稿代码（我正在开发AWS CDK项目，按照惯例没有src文件夹，这里和那里可能有打字稿文件）。换句话说，我希望更漂亮地检查我的项目中所有扩展名为*.ts.

我检查了它的配置文档。但是没有这样的选项来指定文件扩展名。

那么我怎样才能只为 *ts 文件运行更漂亮的呢？甚至可能吗？如果没有，有什么解决方法？