问题标签 [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 投票
2 回答
1854 浏览

html - 阻止 eslint 和 prettier 重新格式化 HTML 元素上的右括号

好吧,这让我发疯了!如何阻止 eslint/prettier 在保存时将 DIV 元素中的右括号向下移动到新行?我已经尝试了几乎所有的 eslint 规则并打开和关闭更漂亮。
我附上了一个截图,向社区展示我的意思。由于这是一个代码格式化问题,stackoverflow 希望我正确格式化(这违背了目的)。非常感谢您的帮助!谢谢你。

html_code_all_wonky

0 投票
0 回答
272 浏览

javascript - 在 Windows 上使用 Atom 编辑器插入“CR”更漂亮的错误

得到所有行的 Insert 'CR' Prettier 错误。

我有 .editorconfig

还有其他需要更新的配置吗?

0 投票
2 回答
813 浏览

reactjs - vscode 和 eslint 错误缩进| JSX | 反应原生

原始文件如下所示: 保存前

然后一旦我保存,它就会变成这样:

在此处输入图像描述

我的开发依赖:

任何想法为什么会发生这种情况?

感谢您调查它:)

0 投票
2 回答
2349 浏览

visual-studio-code - vs code prettier - adds new line after @Input() decorator in angular

I've been using prettier for near 2 years now to format my angular code. Starting last week prettier starts to insert a new line behind all angular statements with decorators like @Input(), @Output(), @ViewChild(),..

resulting in something like

which doubles the line count and doesn't add to readability.

My prettier settings are:

Event when I reset to default settings, this new line thing still occurs. Does anybody has suggestions? Thanks.

0 投票
1 回答
6021 浏览

javascript - 如何使用带有单个道具的括号修复更漂亮和 tslint 错误?

我使用 prettier 和 tslint,以及https://github.com/alexjoverm/tslint-config-prettierhttps://github.com/ikatyang/tslint-plugin-prettier

tslint.json的就像

.prettierrc的就像

之后tslint --fix "src/**/*.ts",出现如下代码:

错误说[tslint] Exceeds maximum line length of 80 (max-line-length)

但是当我手动修复它时

它说

我将 VSCode 与 tslint 和更漂亮的扩展一起使用。我的 tslint 命令说同样的错误。如何解决这种冲突?

0 投票
2 回答
732 浏览

eslint - Tslint/eslint vs 更漂亮

Tslint(可能和 eslint 一样)有一个 --fix 参数,可以修复样式错误。除了“更漂亮有更多样式规则”之外,还有什么理由我还应该考虑使用更漂亮的?

0 投票
0 回答
486 浏览

css - 通过 ESLint 使用 Prettier 格式化 Markdown 和 CSS 文件?

目前,我已经通过 ESLint 使用以下方法设置了 Prettier .eslintrc.json

这适用于 linting 和格式化 JavaScript 文件。

但是,当我尝试在 Markdown 和 CSS 文件上运行 ESLint(以及 Prettier)时,会出现如下错误:

似乎 ESLint 无法处理该文件。另一方面,Prettier - 当独立运行时 - 按预期处理文件。

是否可以通过 ESLint 使用 Prettier格式化JavaScript 以外的文件?还是我最好单独使用 Prettier?

我猜 Prettier 可以应用于比 ESLint 更广泛的文件格式。

0 投票
1 回答
559 浏览

javascript - 如何删除 TypeScript 类型注释但保留格式?

我有 TS 项目并想从中删除所有类型但保留格式。

工作正常,但所有空行都被删除,eslint --fix、prettier、standard --fix 不会恢复空行。

有办法解决这个问题吗?

0 投票
2 回答
5067 浏览

visual-studio-code - 防止 Prettier 在 Visual Studio Code 中将单行对象声明转换为多行?

我安装了更漂亮的扩展,我的 json 对象定义现在在格式化后断行。我怎样才能避免它?我想保留内联对象声明。

例如,在格式化之前:

格式化后:

0 投票
7 回答
28897 浏览

vue.js - 使用 ESLint 和 Prettier 在 Visual Studio Code 中保存时无法获得正确的自动格式化

在使用 ESLint 和 Prettier 的 Visual Studio Code 中处理 .vue 文件时,似乎我无法正确地自动修复 vue/max-attributes-per-line。

例如,将 vue/max-attributes-per-line 设置为“关闭”,并且我尝试手动添加换行符,它会更正它以始终将每个元素放在不超过一行的位置,无论它是 81、120 , 200 或更多字符宽。 我怎样才能弄清楚是什么迫使我的标记元素恰好在一行上?

我正在使用 ESLint 5.1.0 版和 Visual Studio Code(没有 Prettier 扩展)和 Prettier 1.14.2。

这是 .vue 文件中的示例——无论我做什么,当 'vue/max-attributes-per-line': 'off'. 每次我保存时,它都会强制一长串标记都在一行上。

如果我设置'vue/max-attributes-per-line': 2,它的格式是这样的,只有一个换行符(这也是非常错误的)。

如果我尝试手动重新格式化它,它只会在我保存时恢复到上述状态。

此外,当我按 Ctrl+S 时,它似乎重新格式化了两次:首先它重新格式化以将其全部放在一行上,然后半秒后格式化上述结果。 有什么想法吗?是什么导致了这种怪异——是否有多个重新格式化程序正在运行?我如何弄清楚第一个是禁用它?

VS Code 工作区设置:

.eslintrc.js:

在不更改任何设置的情况下,ESLint --fix确实可以正确格式化——将我所有的 .vue 模板元素正确地分成多行。那么有什么想法可以让 VS Code 成形吗?上述设置没有帮助,但我什至不知道是什么在干扰。有任何想法吗?

需要强调的是,当我在 VS Code 中保存时,一个长的 HTML 元素会折叠成一行,然后在半秒后断成两行,这一切都来自一次保存操作。我希望它把它分成多行。如果它需要多次保存,那将是可以的,但第一次保存会显示此行为以及随后的每次保存。