Prettier配置规则

Posted 2023-04-19

参考技术A 在工程根目录下建立 .prettierrc.js 文件，各项常用配置如下：

其余一般配置有效，格式化时 【双引号变为单引号】此项配置无效，解决办法：

在工程根目录下新建 .prettierrc.js 文件，内部手动编写配置项：

有没有办法列出 Angular 项目中所有活动的 ESLint / Prettier 规则？

【中文标题】有没有办法列出 Angular 项目中所有活动的 ESLint / Prettier 规则？

【英文标题】：Is there a way to list all active ESLint / Prettier rules in an Angular project?

【发布时间】：2020-12-25 17:56:44

【问题描述】：

背景：

我正在尝试使用 .eslintrc.js 和 .prettierrc.js 配置 ESLint 和 Prettier从一些扩展开始，例如：

eslint：推荐 插件：@typescript-eslint/推荐 更漂亮/@typescript-eslint 插件：更漂亮/推荐 插件：@angular-eslint/推荐

但是这些可能包含冲突的规则或选项/规则，我觉得很烦人。

---

问题：

是否有脚本、IDE 插件（我们的团队使用 WebStorm 和 VS Code）或独立工具，可以根据我当前的配置？

---

理想情况下，它应该列出所有实际应用的规则，包括导入的规则集。对于每个规则，它应该显示其当前设置（甚至可能是默认选项和其他选项）及其来源（规则集、配置文件）。如果规则已被覆盖或已 来自两个或更多导入规则集的冲突设置也应该显示出来。

我将类似于有效的 Maven POM 或 Maven 依赖关系树的东西想象成打印输出或 GUI 工具窗口。

我查看了https://www.npmjs.com/package/eslint-find-rules，这是一个开始。但是到目前为止，我只得到了一个规则列表，没有任何信息它们来自哪里或它们当前的设置是什么。

动机：

我们正在寻找一种方法来确定将哪些规则集用作起点以及我们希望覆盖哪些规则，而不必盲目尝试多年。

【参考方案1】：

eslint --print-config file.js command 应该能够列出所有规则及其应用于特定文件的值。但是，它不会显示在哪个插件中启用了该规则。