问题标签 [prettier-eslint]

尝试使用 eslint

但得到：

任何人都知道在 Visual Studio 代码中为更漂亮的扩展链接语句添加换行符的设置是什么？我在打字稿中有如下代码

我想确保它变成

我对 VSCode 完全陌生，这是我的第一个设置。我知道这是一个非常常见的问题，但我找不到合适的解决方案。

这是我目前的理解。如果我错了，请纠正我。

我想使用 ESLint 来查找 Javascript 代码中的错误，并使用 Prettier 来格式化所有语言。但似乎我们也可以用 ESLint 格式化我们的 javascript 代码！我喜欢使用一些有用的规则，而且 Prettier 似乎没有类似 (space-in-parens) 的规则。

所以我决定在 Javascript 中使用 ESLint 作为我的格式化程序。现在我可以看到 web 中有很多关于“如何将 ESLint 与 Prettier 集成”的教程。这个想法是使用插件扩展 Prettier 规则并将这些 ESLint 特定规则添加到其中。合理的！

我最终得到了以下设置。请在下面查看我使用 ESLint 和 Prettier 的设置：

我的 eslint 配置文件：

我的用户设置文件：

最后是我的 package.json 文件：

现在的问题是，每当我保存我的 javascript 代码时，格式都会切换！例如，第一次保存时，我有“单引号”，而下一次保存时，我有“双引号”。我认为我对整个想法的理解是错误的。你能为我解释一下并告诉我如何纠正它。我花了很多时间来弄清楚它。顺便说一句，我还在vscode中安装了两个扩展：“ESLint”和“Prettier”。

npx eslint这可以正常工作并在没有显式 cli 安装的情况下执行 eslint

另一方面，

npx prettier-eslint这个不行。//找不到相关命令

但是如果我安装prettier-eslint-cli上面的命令工作正常

我的问题是为什么npx prettier-eslint没有 cli 安装命令不起作用

在下面的代码中，如果我删除 // prettier-ignore，那么 prettier 将转换

进入

这将产生编译错误。Prettier 不会在我的其他标题上这样做。

有没有比要求 prettier 忽略下一行更好的解决方案？

}

如果我没有用单引号将标题名称括起来，则 Vue2 错误：

.prettierrc.json：

我正在尝试使用 eslint 格式化我的代码，但是当我运行时，npm run lint -f我得到了这个输出：

这是我的依赖package.json

我在我的反应项目中使用 Eslint 和 prettier 进行格式化。到目前为止，这种组合工作正常，但突然间更漂亮的人停止了格式化。但是，我可以在输出中看到 prettier 实际上正在运行，但它只是没有进行格式化。我得到的输出是

["INFO" - 5:48:35 PM] 检测到本地配置（即 .prettierrc 或 .editorconfig），将不使用 VS Code 配置 ["INFO" - 5:48:35 PM] Prettier 选项：

{ "filepath": "./src", "parser": "babel", "tabWidth": 2,
"semi": true, "singleQuote": true, "trailingComma": "all",
"bracketSpacing": true ，“jsxBracketSameLine”：假，
“arrowParens”：“always”，“requirePragma”：真，“printWidth”：100，“max-len”：[“warn”，100]，“useTabs”：真，“rangeStart” ：0，
“插入Pragma”：假}

["INFO" - 5:48:35 PM] 格式化在 53.9165 毫秒内完成。

它说格式化完成，但实际上没有格式化。

但是，如果我从根目录中删除 .prettierrc 文件，那么它会使用默认配置进行格式化，但为什么不进行 .prettierrc 文件中提到的格式化？

使用时npx create-react-app appname，react-scripts安装的包包含一个 eslint 依赖项，其中包含“发现常见错误的最小规则集”。我想使用 prettier 和 eslint，但我找不到关于哪些 eslint 插件也作为 CRA 的一部分安装的信息（如果有的话），或者找不到基本 ESLint 配置的位置以查看包含的内容。如果需要，我将扩展基本 ESLint 配置，但 CRA 文档说它是实验性的，所以我想尽可能避免它。

编辑：更详细的信息

如果不手动安装 ESLint 作为依赖项，我会得到missing peer dependency所有插件和配置依赖项的（有点预期）错误。

将 ESLint 作为依赖项安装后，我收到 CRA 错误：

创建了一个新的 React 项目。那里几乎什么都没有——只有 SSR、代码拆分和几个“hello world！”。页。在 eslint 之上添加了更漂亮。在我添加更漂亮之前，棉绒通常需要 10-15 秒。现在我为几乎空的项目获得了 +2 分钟：

以为我在整理 node_modules。为了检查更新的 2 个文件：

和

如果您能告诉我一种列出已处理文件的更好方法，我将不胜感激。一个技巧

给了太多数据。

不知道我什至需要这个文件

输出显示第一个文件和最后一个文件的时间戳之间的差异约为 1.5 秒。

只是想知道，剩下的 1500 秒用来做什么？

.eslintrc 文件

点击 ctrl+Save 这个更改到

当我将鼠标悬停在片段上时，它会显示“JSX 片段没有相应的结束标记”。

我尝试再次安装更漂亮，没有帮助