问题标签 [prettier-vscode]

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

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

在 PC 崩溃后，我很幸运能够恢复数据，但无法恢复程序和设置。现在使用 VS Code + Prettier 我无法将多个 Handlebars 部分用于新行。例如：

保存后变为：

找不到解决方案（或者我可能没有向 Google 提出正确的问题）...

我在 VSCode 中使用 Prettier ，但它似乎在标记我认为没问题的错误。

具体来说，如果我测试一个变量，如：

（不确定使用这样的问号的正确名称）然后它将问号标记为无效。

我可以看到有一个ecmaVersion设置，.prettierrc但这似乎没有做任何事情，无论如何，据我所知，Node 版本并不完全遵循 ECMA 版本。

我该怎么做才能让 Prettier 正确地 lint 我的代码？

所以我今天尝试安装更漂亮的，我直接按照文档中的说明进行操作。

然后我创建一个 .prettierignore 并复制粘贴我的 .gitignore 中写的内容。同时，这是我在 .prettierrc.json 中写的：

现在，当我在命令行中运行 prettier 时：

我收到此错误：

我的 json 文件在 vscode 中没有显示任何错误...我禁用了更漂亮的扩展，因为我想在 CLI 中尝试它，但如果我启用它，它将无法工作，如果我单击“它会显示相同的错误”更漂亮”在 vscode 的右下角，所以这绝对是一个配置文件问题......

我遇到了麻烦。我有一个 lerna monorepo，其中包括 eslint 和更漂亮的可共享配置作为工作区的一部分。在尝试重新导出可共享的更漂亮配置时，我遇到以下错误（在查看更漂亮的进程输出时）：

["ERROR" - 8:18:22 pm] 解析 \wsl$\Ubuntu-18.04\home\slackermorris\code\fanny\packages\web-ui.prettierrc.js 的更漂亮的配置时出错 ["ERROR" - 8:18 :22 pm] EISDIR：对目录的非法操作，lstat '\wsl$\Ubuntu-18.04\home\slackermorris\code\fanny\node_modules@shared\prettier-config' 错误：EISDIR：对目录的非法操作，lstat' \wsl$\Ubuntu-18.04\home\slackermorris\code\fanny\node_modules@shared\prettier-config'

可以推断，我在 Ubuntu 上运行 WSL2。下面是.prettierrc.js使用可共享更漂亮配置的，下面是同一个消费包的 package.json。奇怪的是，如果我登录require('@shared/prettier-config')的范围.prettierrc.js，我可以看到它正在正确导入。

绝对欢迎任何想法。而且，如果我对信息有所了解，我很抱歉：如果您需要更多详细信息，请告诉我。感谢您的任何帮助。

.prettierrc.js- 网络用户界面项目

package.json- 网络用户界面项目

@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

本地设置

我Prettier - Code formatter在 VisualStudio Code 中使用 with node.js 来帮助进行代码格式化。

它几乎是完美的，但坚持在include我在服务器端代码中执行的每个操作后添加一个缩进。

示例（美化后）

可以想象，它使跟踪 html 嵌套变得非常困难。

我想要更像的东西

我必须更改哪个设置才能使其忽略 %> 符号？

我正在使用 VS Code 在 TypeScript 中编写 Angular 应用程序。我安装了 Prettier 和 ESLint 扩展，我想配置 ESLint 以不删除不必要的括号。ESLint 有一个“no-extra-parens”，我想把它关掉。

作为背景，Angular 项目的测试覆盖率非常低。通过单元测试和集成测试，我需要确保不会破坏现有功能。如果不需要的括号保持不变，我的公司将对格式更改更有信心。

我正在使用 VS Code，并希望data.json在保存时排除 Prettier 格式化的特定 json 文件。假设它在根目录中，然后我创建一个文件.prettierignore并添加一行data.json（根据docs）。

这适用于其他类型的文件，但不适用于 json 文件。事实上，即使写入*.json仍然会格式化 json 文件。

VS Code中有一个设置

已启用。但是，当我禁用它时，保存时不会格式化任何 json 文件。这不是我想要的。我只想排除特定的 json 文件。我怎样才能做到这一点？

我已经看过相关的问题46409892。

VS Code 版本：1.64.2 Prettier
Extension 版本：9.2.0

我想要它让 Prettier 在自动保存上运行，这应该是每 500 毫秒。我的工作区 JSON 中有以下内容：

在我的用户 JSON 中也是如此：

注意：这是两个 JSON 文件的全部内容。设置中未列出其他格式化程序。

以及以下测试片段：

但什么都没有发生。该文件 - 之前已保存到文件系统 - 在 500 毫秒后没有以当前状态保存，因此 Prettier 没有运行。

我很茫然，任何帮助将不胜感激。

编辑：手动保存（例如，ctrl+ s）具有以下输出：

["INFO" - 8:27:41 PM] 格式化文件:///c%3A/Users/Kevin/Documents/Programming%20Stuff/JS/scratchpad.js ["INFO" - 8:27:41 PM] 使用忽略 c:\Users\Kevin\Documents\Programming Stuff\JS.prettierignore ["INFO" 中的文件（如果存在）

• 8:27:41 PM] 文件信息：{ "ignored": false, "inferredParser": "babel" } ["INFO" - 8:27:41 PM] 未检测到本地配置（即 .prettierrc 或 .editorconfig），回退到 VS 代码配置 ["INFO" - 8:27:41 PM] 更漂亮的选项：{
  "arrowParens": "always", "bracketSpacing": true, "endOfLine": "lf", "htmlWhitespaceSensitivity": "css ", "insertPragma": false,
  "jsxBracketSameLine": false, "jsxSingleQuote": false,
  "printWidth": 80, "proseWrap": "preserve", "quoteProps": "as-needed", "requirePragma": false, “半”：真，
  “单引号”：假，"tabWidth": 2, "trailingComma": "all",
  "useTabs": false, "vueIndentScriptAndStyle": false, "filepath": "c:\Users\Kevin\Documents\Programming Stuff\JS\scratchpad.js",
  "parser": "babel" } ["INFO" - 8:27:41 PM] 格式化在 0.069 毫秒内完成。

没有错误