9

在“codesandbox.io”上，如何配置“Prettier”不再更改我的换行符（或者完全停用“Priettier”）？

另外，我怎样才能在 ESLint 中停用某个规则（在我的情况下react-hooks/rules-of-hooks，我想关闭它） - 在我的 ES201x 项目中似乎忽略了一个新创建的“eslintrc”文件？谢谢。

4

2 回答 2

7

您可以通过prettier以下方式添加配置文件来轻松配置沙盒的格式化行为：

  1. .prettierrc在沙盒的根文件夹中创建文件。
  2. 使用 JSON 语法将您想要的格式规则添加到文件中。

例如，要更改我猜会惹恼大多数人的换行，请设置printWidth值：

{
  "trailingComma": "es5",
  "tabWidth": 2,
  "semi": false,
  "singleQuote": true,
  "printWidth": 25
}

  1. 保存文件并重新加载 Sandobox 页面。

  2. 下次您保存任何文件时，代码将按照您在.prettierrc.

其他：

  • 似乎有必要重新加载沙盒页面才能进行设置。重新打开后，文件.prettierrc将显示为 UI 而不是文件。

  • 要添加新的格式规则，请打开.prettierrc显示为 UI 的文件，然后单击Open file in editor并添加您需要的规则。

  • 这是您可以在 中设置的 Prettier 配置选项列表.prettierrc。

  • 要启用/禁用 Prettier 格式，请执行以下操作： Cmd + Shift + P--> 选择Preferences: Open Settings (UI)--> 搜索Editor: Format on Save--> 禁用/启用该选项。

享受！

在此处输入图像描述

于 2020-08-17T09:43:46.167 回答
2

我找不到阻止 prettier 删除换行符的方法，所以我只是关闭了 on-save 设置。它对我来说并不经常出现，因此在编辑器中美化代码很容易。

我也在寻找一种方法来覆盖 eslint 规则

于 2019-01-11T14:03:10.597 回答