问题标签 [prettier]

在这种情况下，如何让 VSCode（使用更漂亮的格式化程序）在开始之后和结束花括号之前插入一行？

当前格式（我格式化时 vscode 现在正在做什么）：

理想情况：

我们有一个由多个开发人员在多个操作系统上开发的项目。我们在更漂亮的配置中将字符限制设置为 120 个字符。我们的 windows 机器生成的快照与我们的 linux/unix 机器不同。

视窗：

而在我们的 linux/unix 机器上，快照会生成以下行：

对于 linux/unix 快照，代码在第 119 列结束，而 Windows 机器在最后几个属性之前生成一个新行。我们使用 React，使用 Jest 进行测试，使用 eslint 进行 linting，使用 Babel 进行转换。

相关配置

1. babelrc: 转换: { "^.+\.jsx?$": "babel-jest" }
2. eslintrc: "globals": { "jest": true }
3. prettierrc：“打印宽度”：120
4. prettierignore: *.snap

项目

React, Babel, Webpack, vanilla es6+ no typescript project with jest for testing

研究

我们尝试设置 eslint 的 "linebreak-style": ["error", "unix"] 以查看 eslint 更改是否会更新修复 Windows 的开玩笑快照，但无济于事。我们已确保跨机器安装相同版本的 jest。与 prettier 和 eslint 相同。

关于我们如何解决这个问题的任何建议，以便一个操作系统或另一个操作系统的测试不会失败？

显然，我在 Mac（OS 10.13.4）上运行的 VSCode（1.23.1）上的更漂亮（1.5.0）想要在内联 css 样式表中的每个注释后添加一行。在 html 部分的注释之后没有添加额外的行，只是在样式标签内。我错过了一个更漂亮的设置来控制它吗？

还是这与 去年关闭的更漂亮的（1.1.0）github 问题有关？

编辑：清理链接/文本格式

我正在使用prettier-vscode扩展来格式化我的 js 代码，但是流注释以一种奇怪的方式格式化，并且有很多额外的空间：

我环顾了所有我能想到的地方，看看我需要更改哪些配置才能使其正常工作，但我找不到任何似乎影响上述情况下间距的地方。

多行三元语句也有一些奇怪之处，但我认为这与流程无关：

其中最糟糕的情况是这种变化，它发生在我格式化文档时：

即它实际上破坏了我的代码！

我应该在哪里寻找控制这些东西的配置？

著名的Visual Studio 代码更漂亮的插件{" "}在执行格式化时增加了额外的功能。

解释：

这并不总是发生。我在 React Native 上工作，即JavaScript. 如果 prettier 在我的代码中找到空间，它会将空间转换为不需要的{" "}.

查看示例

我的代码中有这一行。

当我格式化代码时，它会被转换成这个。

这使我的代码出现错误，并且使我的应用程序在运行时崩溃。我通过在我的代码中找到这些额外的括号来解决这个问题。

请问有什么解决办法吗？

在过去的几天里，我一直在努力让这个工作，但没有运气，所以我希望这里有人可以提供一些帮助！

本质上，我使用的是 VueJS，我真的很喜欢 Airbnb 使用的 ESLint 规则，但我也想使用 prettier 进行格式化。（最大长度，缩进等......）所以，例如，而不是这样；

<li v-for="(item, index) in this.list" v-bind:key="index" v-if="showRandomFor">{{item}}</li>

会是这样；（或类似的东西）

但是，我永远无法做到这一点。我试过使用eslint-config-prettierwhich 一点帮助都没有，因为即使将它包含到 eslint 配置中，仍然会应用更漂亮的规则（没有错误消息），所以我不确定如何处理这个。

非常感谢任何帮助，如果我可以提供任何其他信息或日志，请告诉我！

编辑：为了澄清，我看过其他帖子。但我似乎找不到涉及 VueJS 的。Vue 会导致 eslint/prettier 出现许多其他问题，所以请不要说我的问题与其他寻求帮助的人重复说反应。

更新

我在客户端应用程序的根目录中添加了一个 .eslintc 文件，并在其中添加了这个 JS 对象：

这消除了在我的 IDE 中显示的 linting 问题，但仍然让 Prettier 处于糟糕的状态；也就是说，当我格式化时，Prettier 会以一种产生大量错误的方式调整我的代码。

我想我接下来需要调整指导我的 Prettier 插件如何运行的配置规则。任何帮助将不胜感激。我的最终目标是让 Prettier/ESLint 像 Create React App 一起提供时一样正常运行。感谢你目前的帮助！

结束更新

我一直在构建一个在前端使用 React 和 Material-UI 的项目。我使用 VSCode 作为 ESlint 和 Prettier 的 IDE。我最初使用 Create React App 启动了项目的前端。

一切都很顺利，直到我做了一些事情——我不知道是什么——让我的 ESLint 变得超级严格。它现在到处都出现问题，而以前相同的代码有零 linting 问题，并且没有对代码进行任何更改。

我也一直在使用 Prettier，现在，由于这些 linting 问题，当我使用 Prettier 格式化时，代码会调整以解决 Linting 问题。这会导致实际错误。

我一直在寻找。我安装了 ESlint 插件，四处挖掘，寻找（并创建 .eslintrc.json）文件。似乎没有任何效果。它使这个项目的工作变得更加困难。

我做了什么？我如何解决它？

谢谢你。

我最近换了一台新电脑，但很难设置更漂亮的设置。（我认为它更漂亮，可能是 eslint）。

这个 gif 说明了正在发生的事情： http: //g.recordit.co/H871hfT9Sv.gif

有谁知道这个设置叫什么？除非长度扩展设置，否则我希望所有导入都在一行上printWidth。

这是我在 VS Code 中的相关用户设置：

谢谢 ！

编辑：视觉描绘，因此您无需观看 gif。

预期的：

行为：（不需要）

我安装了用于 Web 开发的 IntelliJ Prettier 插件。不幸的是，我无法指定自定义配置，该配置由以下行组成："prettier.singleQuote": true.

我尝试了什么：在Languages & Frameworks > JavaScript > Prettier我指定了一次全局和一次项目特定的更漂亮的安装下。（在屏幕截图中，您将看到全局包）。

.prettierrc不考虑配置文件，我尝试在项目的根目录中创建一个文件package.json。配置文件看起来像这样

.prettierrc

由于这不起作用，我将其重命名为.prettierrc.json也不起作用。然后我尝试在我的项目中使用“更漂亮”的标签，package.json如下所示：

仍然当我用它格式化时CTRL+ALT+SHIFT+P，它只应用默认配置而不是提供的配置，从而将所有现有的单引号替换为双引号。

我还尝试了这里提到的一些东西（IntelliJ 论坛），这对我也不起作用。我错过了什么？（也试过绝望的IDEA重启......）

我在我的 VSC 编辑器中运行 Prettier，但我在对象格式方面遇到了一段时间的问题。问题是它总是会在多行上格式化对象，即使在一行上有整个对象的空间。

输入

输出

它也对导入执行此操作：

输入

输出

这些是我目前的规则：

有什么方法可以防止这种行为，最好是永久的？