问题标签 [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 回答
51 浏览

visual-studio-code - 整理内联脚本

我和我的同事在缩进时遇到问题。他使用 Atom,我使用 VSCode。我们都使用相同的 eslint 和更漂亮的配置(使用 eslint-plugin-prettier)。但是 Atom 的自动格式化程序想要取消内联脚本的缩进:

而 Code 坚持缩进它们:

这将使我们的 git 存储库变得一团糟。我如何说服 VSCode 不缩进,或 Atom 不缩进?

编辑:要清楚,我们不在乎我们采用哪种约定,只是我们的编辑做同样的事情。

0 投票
1 回答
253 浏览

prettier - 配置 Prettier 使其不格式化 JS 文件的 JSX 部分?

我想避免 Prettier 格式化我的打字稿文件的 JSX 部分。这可能吗?

0 投票
1 回答
47 浏览

prettier - 更漂亮让我的短线更长

当我手动格式化适合 80 个字符的多行代码并且将在一行中正确格式化但看起来很难看时,是否有任何更漂亮的选项可以禁用该行为。我想保持原样。

0 投票
6 回答
11243 浏览

visual-studio-code - Prettier/VSCode Eslint 奇怪的格式/语法破坏错误

有时当我启动 VSCode 并保存一个 JS 文件时,一切都会变得一团糟。

例子

从: 在此处输入图像描述 到: 在此处输入图像描述 保存时

我发现了什么:

当我更改 VSCode 用户设置(与更漂亮的插件相关的东西 | 任何东西(我通常会更改 prettier.eslintIntegration 但可能是设置中的任何更改都会解决它))它会在保存时停止中断。

可能的相关环境细节

VSCode 扩展怀疑:

如果需要提供任何其他(调试)信息,请拍。

0 投票
2 回答
2231 浏览

reactjs - ESlint + Prettier for JSX

我对更漂亮的正确配置以实现 jsx 标签的正常样式感到沮丧。
我要这个 :

我得到了这个:

我的 .eslintrc 是:

我一直在寻找这个问题,但我不知道该怎么做。
如果有人有一个好的 .eslintrc 文件,请发布它。

0 投票
1 回答
1828 浏览

webstorm - WebStorm:配置 Prettier 以使用标签?

Prettier文档说用于--use-tabs覆盖默认行为。WebStorm 自动填充 Prettier 包:

在此处输入图像描述

那是一个文件夹。我尝试将其更改为npm\prettier.cmd并添加开关,但这不起作用(它只是变成红色)。

如何设置 WebStorm 以使用 Prettier 的选项卡?

0 投票
2 回答
6736 浏览

webstorm - 使 Webstorm 使用单引号更漂亮

我正在寻找一种将双引号(默认行为)更改为单引号的方法。我已阅读文档并尝试在线搜索,但正常的搜索方式似乎不起作用。

我已经package.json以各种方式进行了调整,但都没有奏效,这是我最近的尝试:

我不知道该怎么做。这个文档非常糟糕。他们也提到了配置,但我也不知道如何放置它们。

有类似问题的人: WebStorm:配置 Prettier 以使用标签?

0 投票
1 回答
131 浏览

node.js - 如何为我的故障项目添加更漂亮的内容?

我正在创建关于故障的小型服务,并想分叉一个打字稿项目(在这里你有一个启动器,以实现一个 oAuth 门。

我添加了一个.prettierrc文件,并添加了 husky、lint-staged 包和一个 precommit 脚本以在暂存文件上运行 prettier,但它似乎没有生效。

有这方面的吗?我认为它应该相当简单。

0 投票
0 回答
107 浏览

prettier - 将 Prettier 设置到 cloud9 中的特定文件夹

我正在尝试为特定文件夹设置更漂亮,但我无法做到。如果可能的话,任何人都可以帮助我吗?谢谢你

0 投票
1 回答
6917 浏览

javascript - Eslint 和 Prettier。无法防止 eslint-config-prettier 行长错误

请参阅底部的编辑

我有一个 JavaScript 文件,我正在使用 Eslint 进行 linting。我正在使用 Prettier 来格式化代码。

我个人对这个文件的选择是将行长增加到 Prettier 默认的 80 个字符以外的 2000 个字符。

所以我有一个 prettierrc.config.js:

当我格式化代码时它会起作用,并且我有一个 .eslintrc.js

每次我 lint 文件时,它都会抱怨某些行的长度。

为清楚起见进行编辑

我正在使用eslint v4.19.1更漂亮的 1.10.2。配置文件被正确读取和使用。

编辑以获取更多信息 2018/05/30

我发现了 lint 错误的区别。Max-len 工作正常,并且我在规则中提供的替代值得到尊重。

更漂亮的配置有一个问题是我的一些条件表达式的长度。我可以看到它希望将它们放在带有额外空白的新行上。现在这是我要覆盖的配置。这似乎是与 max-len 不同的规则。下面的示例是一个长度为 60 个字符的条件表达式,它触发了 lint 错误。整行只有 84 个字符长(* 表示空格)。