问题标签 [prettier]

这让我头疼！花了 2 个小时试图找出导致以下行为的原因并一直保持空白。

我正在迁移到 VSCode，我的 React JSX 组件会自动换行成多行。当组件具有多个属性时，这很好（也很好），但会使某些文件非常长且非常不可读。

恰当的例子 - 定义反应路由器路由的文件。它们都很小，理想情况下，每行一个会使您的应用程序的路线非常可读，而不是每 7 行左右定义每条路线。

VS Code 自动将文件格式化为的示例：

它应该是什么样子

VSCode 中处理此问题的设置是什么？有没有办法将其配置为仅在长度超过 x 个字符时才换行？

我试图让我的 scss 运行得更漂亮，但总是出错。我正在使用prettier-webpack-loader（也尝试过prettier-webpack-plugin）。当我运行它时，它似乎想将 .scss 文件作为 javascript 处理。我的一个 js 文件如下所示：

头文件如下所示：

我有以下 webpack 加载器：

当我运行它时，我收到以下错误：

如果我通过 CLI 运行更漂亮，它工作正常。

我在变得更漂亮时遇到问题，eslint 和 Visual Studio 代码一起玩得很好。我一直在 VSCode 中看到诸如此类的红色错误：

我安装了 VSCode 插件 eslint 和 prettier。

VSCode 配置 { "javascript.validate.enable": false, "javascript.format.enable": false, "editor.formatOnSave": true, "prettier.singleQuote": true, "prettier.eslintIntegration": true, "window.zoomLevel": -1, "editor.fontSize": 13 } .eslintrc

开发依赖包.json

我正在使用John Papa的 Angular Essentials - 特别是 Tslint 和 Prettier。出于某种原因，它转换了这段代码

进入这个

我怎样才能避免它？我尝试过使用 tslint.json 设置：

“最大行长”：[真，165]

但在我的情况下，这并不影响。

编辑：按照类似的问题，我尝试同时设置"prettier.printWidth"and "editor.wordWrap"，但它们都没有帮助。正如@ConnorsFan 所建议的那样，我已经删除max-line-length了，我当前的工作区设置（应该覆盖用户设置，对吧？）是

{
“prettier.printWidth”：180，
“editor.wordWrap”：“有界”，
“editor.wordWrapColumn”：180 }

EDIT2：看来，问题是由 Prettier 扩展引起的（作为 Angular Essentials 的依赖项）。现在问题缩小到意识到，为什么"prettier.printWidth": 180不起作用。我已经打开了一个问题https://github.com/prettier/prettier/issues/3228

PS：名称已更改以保护无辜者。（C）

我在 vue.js 项目中使用 Visual Studio 代码。

我安装了 Eslint、vutur 和更漂亮的代码格式化程序。

我的问题：

按CTR+S保存文件给了我这个：

导致 eslint 说：

文件末尾需要换行但未找到

这只发生在 .js 文件中。

我的设置：

我该如何解决这个问题？

我将 eslint 与 VSCode 1.18.1 和更漂亮/更漂亮的扩展 0.26.0 用于 VSCode。在我的 VSCode 配置中，我有"prettier.eslintIntegration": true,. 我的依赖项曾经是：

通常 prettier-eslint 格式如下：

然后我升级到：

现在 prettier-eslint 正在格式化这样的文件：

这是一个微不足道的例子，但如果缩进深入了几个层次，那么它就会变得难以阅读。我更喜欢旧风格。

是否可以通过升级的依赖项实现以前的格式样式？

使用Husky，我设置了package.json一个 precommit 钩子，以便在每次提交之前使用Prettier格式化我的 JavaScript 代码：

这很好用，但有两个缺点：

1. 如果我有一个包含数千个 JavaScript 文件的大型项目，我必须等待 Prettier 处理所有这些文件，即使只有少数发生了变化；这可能需要很长时间，并且在每次提交完成后都会很快让我感到紧张

2. 有时我只想暂存几个文件以进行提交，而将其他更改排除在提交之外；因为我git add .在运行 Prettier 之后做了一个，所以我所有的更改总是会在提交中结束

如何在每次提交之前仅在已暂存的文件上运行Prettier，而忽略未暂存或未更改的文件？

我正在使用 es-lint VScode 扩展，它捕获了 5 个 linting 错误，但是当我从package.json它运行 npm run lint 时，它只列出了 2 个错误。我想知道为什么终端没有输出所有 linting 错误，所以我可以esw --fix在保存时修复它。

注意：我同时使用 prettier 和 airbnb 配置规则。

这是我的.eslintrc：

这里是pacjakge.json：

我希望在也使用 eslint 的现有代码库上运行 Prettier。

有很多地方存在单行if，我想保持原样，但是 Prettier 不断将它们更改为没有大括号的多行，这当然会导致错误。

它来自： if (...) throw new Error(...)

至：

让 Prettier 忽略这些的神奇规则组合是什么？

我使用VSCode 的 Prettier扩展。我已经设法建立了一个扩展 ESLint 的基础项目，这样我就可以按照标准规则在保存时自动格式化我的 JavaScript 语法。

有没有办法对降价做同样的事情？我想利用markdownlint规则或类似规则，因为 Prettier 强制编号列表为：

但我更喜欢这样的手动编号：