问题标签 [prettier]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
1602 浏览

visual-studio-code - 让 Prettier 忽略 JavaScript 格式

在 VSCode 中,我安装了 Prettier 和 ESLint。我已将 ESLint 配置添加到我的用户首选项设置中,因此 ESLint 在所有项目中都是相同的。

我希望 Prettier 使用 ESLint 作为格式化程序而不是它自己的格式化程序,我可以使用:

但是,这实际上并没有使用我在这里写的 ESLint 配置:

我已经启用editor.formatOnSave,它应该使用 Prettier 作为格式化程序(它可能不会,但我不确定)。

如何强制 ESLint 成为 JavaScript 的唯一格式化程序,但仍然让 Prettier 格式化我的 CSS?

或者:我认为当我editor.formatOnSave启用时,它也会格式化我的 JavaScript。我该如何禁用它?看起来 Prettier 仅适用于 JavaScript、TypeScript 和 CSS。

0 投票
0 回答
724 浏览

formatting - 在 Prettier 或 ESLint 中的对象和注释之间添加新行

我使用安装了 Prettier 和 ESLint 的 VS Code。我想知道我是否可以有这样的规则:

  1. 在代码块末尾和注释之间添加新行(在所有类型的文件中 - html、css、js 等):
  1. 没有注释的对象和嵌套对象的类似规则:
0 投票
1 回答
40 浏览

javascript - Prettier - 围绕已分配变量的括号的含义

  • VS 代码 1.16

我用 Prettier 格式化代码,并在保存时格式化。我在分配的变量周围得到了奇怪的括号;

我有这两个变量

格式化前:

格式化后:

我知道这是 Prettier 造成的,因为当我关闭它并且这种行为不会发生时。所以为什么?如果我不需要它 - 如何关闭它?

0 投票
7 回答
8724 浏览

javascript - 如何在具有重大更改的更新后正确重新配置 JSPrettier?

我试图让 Jsprettier 在 Sublime 中工作,但我设置的格式无法应用,因为当我想保存文档时,我一直收到错误消息(jsprettier:格式失败)。当我打开控制台查看错误是什么时:系统找不到指定的路径。(CR)。

jsprettier 的用户设置选项卡中的设置如下:

谢谢

0 投票
5 回答
36487 浏览

javascript - Prettier + Airbnb 的 ESLint 配置

最近,我开始为我的编辑器使用 Visual Studio Code,并找到了 Prettier - JavaScript 格式化程序。我认为这是一个很棒的插件,因为它可以帮助我保持我的代码看起来不错。

我设置了 Airbnb 的 ESLint 配置,发现它非常有用。

这就是问题所在。我目前正在运行的 Airbnb ESLint 配置与 Prettier 不兼容。例如,对于 JavaScript 字符串,Prettier 被格式化为包含双引号和 Airbnb 的 ESLint,如单引号。当我使用 Prettier 格式化代码时,Airbnb 的 ESLint 不同意。

我知道 Kent Dodds 已经使用 ESLint 配置完成了一些工作,其中包括此处的示例。

但我似乎找不到一个解决方案,让我使用 Prettier 的魔力将我的代码格式化为 Airbnb 的 ESLint。

0 投票
2 回答
12417 浏览

javascript - 如何告诉 Prettier 忽略 package.json 文件?

我正在使用更漂亮的标准,因为该项目使用标准进行 linting。

按照更漂亮的预提交钩子示例,我在提交时运行更漂亮。但是我想忽略 package.json 文件。我尝试添加package.json.prettierignore文件,但这不起作用。

我在 package.json 中使用的更漂亮的预提交钩子示例中的代码

```

0 投票
1 回答
2098 浏览

formatting - 如何更改 .less 文件上的 Prettier 行为?

我在我的 Typescript 项目中使用 Visual Studio Code 和更漂亮。它还格式化更少的文件。

prettier 所做的是将每个选择器放在一行中。

最终成为一个非常 looooooooooooooong 的选择器链:

我想要更漂亮的是,让我一个人呆着(在这个特定方面。在.less文件中。)如果我愿意的话,把它们放在一行(或几个)中。或者在多个,如果是的话,他发现了什么:

顺便说一句:// prettier-ignore我可以通过在这些选择器之前添加一行来“证明”,只有 prettier 参与其中,而不是 vscode 或我的 tslint 中的任何内置内容。这也将是一个本地修复,但我想要一个更通用的解决方案......而不必在所有这些中抛出反 linter 评论......)

更新:

.less也许解决方案是将文件指向不同的解析器附近的某个地方。但是我找不到一段示例代码,然后如何告诉我的 postcss-Preferences 更漂亮......

0 投票
5 回答
29021 浏览

javascript - 如何使用 nodejs express 应用程序配置 eslint

.js 应用程序。我需要为此应用程序使用 eslint。我正在使用https://www.npmjs.com/package/eslint-config-airbnb并在 VS Code 编辑器中使用更漂亮的插件。

.eslintrc

在添加 eslint 插件https://marketplace.visualstudio.comitems?itemName=dbaeumer.vscode-eslint和 npm 包后,我看到 VS Code 现在在完整项目中给了我很多错误。

很少的错误

包.json

index.js

在此处输入图像描述

每个 JS 文件中都有相同类型的错误。有谁知道如何解决这些问题?

0 投票
1 回答
5720 浏览

regex - 更漂亮的自动“正确”正则表达式转义正斜杠`\`

pattern: '^131\.[0-9]{6}$',

更漂亮的将其更改为pattern: '^131.[0-9]{6}$',. 有没有办法忽略行或忽略文件?

0 投票
1 回答
801 浏览

eslint - 如何集成 ESLint 和 Prettier?

我在同时使用 ESLint 和 Prettier 时遇到了麻烦。让他们一起工作需要哪些步骤?