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

javascript - Atom Prettier + Eslint

我正在使用更漂亮的 eslint,它适用于除方法链接之外的所有内容。它会在随机时间破坏它。我不喜欢它的工作方式,如果可能的话,我想完全禁用这个功能。这是它的作用的一个例子。我不喜欢 pgDB 在它自己的行中的样子。

文本的长度是长还是短都没有关系。我尝试了以下两个规则,似乎没有任何影响。我正在使用 Atom 的 linter-eslint 8.21 和 prettier-atom 0.351

"newline-per-chained-call": [2, { "ignoreChainWithDepth": 10 }] "newline-per-chained-call": [0, { "ignoreChainWithDepth": 4 }]

0 投票
4 回答
8739 浏览

visual-studio-code - Prettier 不适用于将可视代码中的双引号更改为单引号

我在可视化代码中与 EsLint 和 Prettier 合作。没有单引号和双引号,一切都很好。

这是我的 .eslintrc 文件: { "parser": "babel-eslint", "plugins": ["prettier"], "rules": { "prettier/prettier": [ "error", { "singleQuote": true } ] } } 当我使用 ctr+ shift+P 并键入“格式化文档”时。双引号没有变成单引号。如果我使用自动修复,它会改变,但是当我保存它时,单引号变成双引号。

我该如何解决这个问题。

0 投票
1 回答
1886 浏览

javascript - 使用 Prettier JS 时保留 then() catch() 格式

我刚开始使用PrettierJS Plugin for VSCode,我正在寻找一种方法来保留我的服务调用(以及后续 Promise)的代码格式。

我知道您可以//prettier-ignore在代码块之前添加注释以保留代码模式,但由于我在整个应用程序中都这样做,我不想在任何地方添加该注释行。

现在,我的代码块如下所示:

但是当我执行 Prettier 格式命令时,我得到了这个:

我想要一种方法来防止我的代码块在不使用//prettier-ignore注释的情况下发生变化。

0 投票
1 回答
1272 浏览

sublimetext3 - 我怎样才能让 Prettier 和 ESLint 一起工作?

使用 Sublime Text 3 时,我怎样才能让两者一起工作?

在文件保存时,Prettier 用双引号替换单引号,而 ESLint 查找单引号。

我怎样才能让这两个包一起工作?

.eslintrc

0 投票
2 回答
1476 浏览

atom-editor - Atom 与 prettier、eslint 和 airbnb 风格的 React 开发指南

有谁知道如何在 Atom 编辑器中正确设置更漂亮的 eslint?我想使用 airbnb 预设,但是当我在更漂亮的设置中检查 ESlint 集成时,在我保存文件后,我在某些功能之后有尾随逗号,以及其他奇怪的问题。保存文件后如何设置它以使更漂亮地尊重airbnb规则?

0 投票
6 回答
6828 浏览

reactjs - Prettier 不在 React 项目工作

我正在将我的 airbnb eslint 规则迁移到更漂亮的规则,但我遇到了一些问题。

这是我的 .eslintrc:

使用此设置,我的 App.jsx 文件中出现以下错误:

'React' 已定义但从未使用过。(没有未使用的变量)

'Header' 已定义但从未使用过。(没有未使用的变量)

0 投票
3 回答
1152 浏览

javascript - 没有大规模合并冲突的 Lint & Prettier 回购

我最近将我们的代码库更新为 ES6。在此之后,我正在改进 linter 规则,并努力在代码库中建立一套标准。我的计划是提交一个初始分支,其中只有 eslint 和更漂亮的设置。然后直接使用 eslint --fix 提交另一个分支并在其上运行更漂亮。(我们没关系,这最终会搞砸很多 git blame)。此过渡的主要变化之一是从 4 个空格(以及许多地方的制表符)移动到 2 个空格项​​目宽度。

计划是任何现有的分支都将能够提取其中包含更漂亮工具的提交。他们可以在他们正在进行的功能上运行 prettier/eslint,然后应该能够合并。

我遇到的问题是,在测试运行中执行此操作后,功能分支中存在的每一个更改都会作为合并冲突出现。大多数时候,合并冲突根本没有任何意义。

此问题仅影响存在且当前正在处理的分支,不会影响提交 linting 后将创建的任何分支。

我尝试过使用不同的算法进行差异/合并。差异看起来不错,但随后合并仍然会出现冲突。

有没有人有将他们现有的项目转换为像这样的新缩进或做任何更漂亮/eslint --fix 的经验?

0 投票
2 回答
48453 浏览

javascript - 如何删除更漂亮的分号?

我正在使用 VS Code 更漂亮的插件来格式化我的代码,如何在格式化代码时添加一个设置以不添加或删除分号?我知道这个功能是在一月份添加的,但我在 PR 或问题中没有提到如何将它添加到设置中。

0 投票
3 回答
12761 浏览

javascript - Prettier.js 关于换行格式的方法参数

我正在运行 Prettier.js (VSCode plugin)/ prettier-eslint-cli。它将超过 80 个字符限制的方法参数格式化如下(将每个参数放在新行上)。

有没有办法修改选项,以便格式化参数以尝试在每行上容纳 80 个字符?而不是每次都将它们添加到新行中。

0 投票
2 回答
4370 浏览

javascript - 如何使用 Airbnb JavaScript 样式指南设置 Prettier

如何在 Prettier 中配置 Airbnb 的风格指南?我正在使用 VS 代码。提前致谢!