问题标签 [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.
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 规则,而无需手动查找每个前端规则并将其复制到后端?
visual-studio-code - 仅为 TS/TSX 文件删除 CR - VSCode 1.46 上的 Prettier ESLint
我使用 Create React Apps 的 Typescript 模板创建了一个 React 项目,为 ESLint 添加了必要的插件并将6.8.0
ESLint 和 prettier 配置在一起,但是每当我编辑.ts
或.tsx
文件时,我都会收到 ESLint 错误Delete
␍⏎␍⏎``
我在 VSCode 中安装了 ESLint 和 Prettier 扩展
我检查了 SO 上的其他各种帖子,并尝试了提到的大部分设置,
我将此添加到我的.eslintrc.json
文件中
这是我的.prettierrc
但是,当我在 .ts/.tsx 文件中创建新行时,我仍然会收到一个 lint 错误
我将 VSCode 设置中的所有内容更改为使用CRLF
(我在 Windows 上)"files.eol": "\r\n",
即使我尝试使用不同的行尾,我也会遇到类似的错误。
如果我做
如果我将endOfLine : crlf
其设置为与 auto 相同的错误!
因为它在这里的价值是我的全部.eslintrc.json
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
更改节点模块的权限,然后重新安装它们,但没有运气。
我想我需要告诉我的本地规则来覆盖更漂亮,但我不确定该怎么做
javascript - 全局 ESLint 覆盖项目 ESLint
我在所有项目中都使用了默认的 ESLint 样式(它已在 VS Code 首选项文件/settings.json 中全局设置),但还有一些其他项目具有其特定的 lint 配置(项目文件夹下的 .eslintrc 文件) .
但是,在为该特定项目编码时,使用的 lint 仍然是全局的。
如何用所有项目的项目一覆盖全局 ESLint?因此,每当我有一个带有自己的 ESLint 配置的新项目时,都无需为我的默认项目重新配置全局 ESLint。
谢谢你。
vue.js - 如何使用 Prettier 禁用元素标签中的属性中断
我使用 Vue CLI 生成了一个新的 Vue 项目。对于 linter 选项提示,我选择了 Prettier。如何禁用将属性中断为新行?例如:
这是我的标记:
我的预期输出是这样的:
我尝试创建.prettierrc
文件,并添加了以下配置:
但这对我不起作用,而且 HTML 看起来还是一样的。
eslint - 如果在 .eslintrc 和 .prettierrc 中配置,ESLint 会更漂亮地运行两次
我正在尝试解决在 VSCode 中保存格式时遇到的问题。我没有将 prettier 作为独立扩展安装。我已经安装了 eslint。我正在使用打字稿文件。
在我的编辑器中,我看到尾随逗号的警告,当我点击保存时,我看到尾随逗号消失,然后重新出现。我意识到我在 .eslintrc.js 文件中将尾随逗号设置为“none”,并在 .prettierrc.js 文件中设置为“always”。他们都在下面。
我也安装了 Vetur,但我认为我只有在保存时运行 vetur,因为我的 vsconfig 文件指定了这一点:
但是 prettier 肯定会运行两次。我应该寻找其他一些设置吗?或者 eslint 是否为它找到的每组配置运行一次更漂亮。
这是我的 eslintrc 文件:
这是我的 .pretterrc.js 文件:
我知道我可以让两个文件保持一致,我会得到正确的输出,但我不希望格式化运行两次。使用打字稿文件似乎很慢,因为它一直没有格式化两次。
我认为我的 settings.json 文件的相关部分是:
任何要查看哪些设置的指针将不胜感激。
javascript - Prettier JS VSCode 设置未按预期工作
我已经安装了更漂亮的,当我运行时它似乎可以从可执行文件中按预期工作:prettier --write .
我正在尝试使用 vscode 插件将其设置为“保存时格式化”......但这似乎没有正确格式化它。我可以找出可能导致这种情况的原因。
给定以下代码(我运行时不变prettier --write .
):
如果我启用“保存时格式化”并保存文件,它会将代码更改为:
我.prettierrc.json
是空的,如下所述:https://prettier.io/docs/en/install.html:
有没有其他人经历过这个或知道如何解决这个问题?
typescript - 为什么 prettier 要在我的 IIAFE 前加上“;”?
useEffect
我现在正在将其转换为打字稿的 javascript 项目中的钩子中有异步函数:
以前工作没有问题,但现在在打字稿中我收到一个错误:
vue.js - 在 Prettier 中,如何防止 HTML 结束标记的“>”字符被放置在新行上?
很长一段时间以来,我都遇到了Prettier和Vue.js 的一个特殊问题。似乎没有解决方案,所以我在这里发布一个问题作为最后的手段。如果您的 HTML 代码嵌套较深,并且您printWidth
在 Prettier 中启用了属性(默认情况下启用),则会发生此问题。
Prettier 2.1.2 Playground 链接
输入:
输出:
预期行为:
在我看来,这些中的任何一个都会更好更整洁。
或者
我在这里错过了一些可以禁用/启用以防止这种情况的选项吗?如果有,请指导。
javascript - 更漂亮:仅针对文件的更改行运行
我有一个没有 eslint/prettier 的遗留代码库。我想介绍预提交挂钩的格式。Lint staged 将让您只为更改的文件运行 prettier。是否可以只为更改的行运行 prettier?像 IntelliJ 的内置格式一样,仅允许 VCS 更改的文本格式。