问题标签 [prettier-eslint]

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 回答
216 浏览

node.js - 如何将 Node.js 服务器的 ESLint 规则与我的 Vue.js 前端的 ESLint 规则匹配?

我想让 Node.js 中的服务器端文件与我的 Vue.js 前端具有完全相同的 ESLint 规则。我的 Vue 项目中的.eslintrc.js文件如下所示:

我的 Node.js.eslintrc.js看起来像这样:

如果不导入所有 Vue 特定的 linting 规则(只需要 vanilla javascript 相关规则),如何在我的 Node.js 上获得相同的 ESLint 规则,而无需手动查找每个前端规则并将其复制到后端?

0 投票
2 回答
7746 浏览

visual-studio-code - 仅为 TS/TSX 文件删除 CR - VSCode 1.46 上的 Prettier ESLint

我使用 Create React Apps 的 Typescript 模板创建了一个 React 项目,为 ESLint 添加了必要的插件并将6.8.0ESLint 和 prettier 配置在一起,但是每当我编辑.ts.tsx文件时,我都会收到 ESLint 错误Delete ␍⏎␍⏎``

我在 VSCode 中安装了 ESLint 和 Prettier 扩展

我检查了 SO 上的其他各种帖子,并尝试了提到的大部分设置,

我将此添加到我的.eslintrc.json文件中

这是我的.prettierrc

但是,当我在 .ts/.tsx 文件中创建新行时,我仍然会收到一个 lint 错误

线路错误

vscode中的eslint问题

我将 VSCode 设置中的所有内容更改为使用CRLF(我在 Windows 上)"files.eol": "\r\n",

即使我尝试使用不同的行尾,我也会遇到类似的错误。

如果我做

欧尔夫

如果我将endOfLine : crlf其设置为与 auto 相同的错误!

因为它在这里的价值是我的全部.eslintrc.json

0 投票
1 回答
1383 浏览

javascript - 与 Prettier 不一致

我有一个 Vue 项目,它的 linting 有一些不一致。

我正在使用最新版本的 VS Code。

例如,这是我收到的一个 linting 错误:

在此处输入图像描述

保存文件后,VS Code 自动修复,使代码看起来像这样

在此处输入图像描述

但是,当我尝试运行npm run serve

我收到一个错误,要求将其更改回来。

我的 .eslintrc.json 文件是

我的 VSCode settings.json 文件是

我猜肯定有一个项目与 vs 代码不一致,但我可以找到它。

使用npm run serve自动修复文件,但是,如果我再次保存有问题的文件,它会突然再次弹出 linting 错误(这会导致 Vue 应用程序在开发中崩溃)。

我已经尝试过npm cache clear --force更改节点模块的权限,然后重新安装它们,但没有运气。

我想我需要告诉我的本地规则来覆盖更漂亮,但我不确定该怎么做

0 投票
1 回答
293 浏览

javascript - 全局 ESLint 覆盖项目 ESLint

我在所有项目中都使用了默认的 ESLint 样式(它已在 VS Code 首选项文件/settings.json 中全局设置),但还有一些其他项目具有其特定的 lint 配置(项目文件夹下的 .eslintrc 文件) .

但是,在为该特定项目编码时,使用的 lint 仍然是全局的。

如何用所有项目的项目一覆盖全局 ESLint?因此,每当我有一个带有自己的 ESLint 配置的新项目时,都无需为我的默认项目重新配置全局 ESLint。

谢谢你。

0 投票
1 回答
780 浏览

vue.js - 如何使用 Prettier 禁用元素标签中的属性中断

我使用 Vue CLI 生成了一个新的 Vue 项目。对于 linter 选项提示,我选择了 Prettier。如何禁用将属性中断为新行?例如:

这是我的标记:

我的预期输出是这样的:

我尝试创建.prettierrc文件,并添加了以下配置:

但这对我不起作用,而且 HTML 看起来还是一样的。

0 投票
2 回答
2300 浏览

eslint - 如果在 .eslintrc 和 .prettierrc 中配置,ESLint 会更漂亮地运行两次

我正在尝试解决在 VSCode 中保存格式时遇到的问题。我没有将 prettier 作为独立扩展安装。我已经安装了 eslint。我正在使用打字稿文件。

在我的编辑器中,我看到尾随逗号的警告,当我点击保存时,我看到尾随逗号消失,然后重新出现。我意识到我在 .eslintrc.js 文件中将尾随逗号设置为“none”,并在 .prettierrc.js 文件中设置为“always”。他们都在下面。

我也安装了 Vetur,但我认为我只有在保存时运行 vetur,因为我的 vsconfig 文件指定了这一点:

但是 prettier 肯定会运行两次。我应该寻找其他一些设置吗?或者 eslint 是否为它找到的每组配置运行一次更漂亮。

这是我的 eslintrc 文件:

这是我的 .pretterrc.js 文件:

我知道我可以让两个文件保持一致,我会得到正确的输出,但我不希望格式化运行两次。使用打字稿文件似乎很慢,因为它一直没有格式化两次。

我认为我的 settings.json 文件的相关部分是:

任何要查看哪些设置的指针将不胜感激。

0 投票
0 回答
211 浏览

javascript - Prettier JS VSCode 设置未按预期工作

我已经安装了更漂亮的,当我运行时它似乎可以从可执行文件中按预期工作:prettier --write .

我正在尝试使用 vscode 插件将其设置为“保存时格式化”......但这似乎没有正确格式化它。我可以找出可能导致这种情况的原因。

给定以下代码(我运行时不变prettier --write .):

如果我启用“保存时格式化”并保存文件,它会将代码更改为:

.prettierrc.json是空的,如下所述:https://prettier.io/docs/en/install.html

有没有其他人经历过这个或知道如何解决这个问题?

0 投票
0 回答
116 浏览

typescript - 为什么 prettier 要在我的 IIAFE 前加上“;”?

useEffect我现在正在将其转换为打字稿的 javascript 项目中的钩子中有异步函数:

以前工作没有问题,但现在在打字稿中我收到一个错误:

0 投票
1 回答
1597 浏览

vue.js - 在 Prettier 中,如何防止 HTML 结束标记的“>”字符被放置在新行上?

很长一段时间以来,我都遇到了Prettier和Vue.js 的一个特殊问题。似乎没有解决方案,所以我在这里发布一个问题作为最后的手段。如果您的 HTML 代码嵌套较深,并且您printWidth在 Prettier 中启用了属性(默认情况下启用),则会发生此问题。

Prettier 2.1.2 Playground 链接

输入:

输出:

预期行为:

在我看来,这些中的任何一个都会更好更整洁。

或者


我在这里错过了一些可以禁用/启用以防止这种情况的选项吗?如果有,请指导。

0 投票
2 回答
1430 浏览

javascript - 更漂亮:仅针对文件的更改行运行

我有一个没有 eslint/prettier 的遗留代码库。我想介绍预提交挂钩的格式。Lint staged 将让您只为更改的文件运行 prettier。是否可以只为更改的行运行 prettier?像 IntelliJ 的内置格式一样,仅允许 VCS 更改的文本格式。