在“ codesandbox.io”上配置ESLint和Prettier

Question

在“ codesandbox.io”上，如何配置“ Prettier”不再更改换行符（或者完全停用“ Priettier”），以及如何在该处停用ESLint中的某个规则我的情况是要关闭“ react-hooks / rules-of-hooks”）-新创建的“ .eslintrc”文件似乎在我的ES201x项目中被忽略了？谢谢。

Answer 1

我找不到防止更漂亮的线条的方法，所以我只是关闭了保存设置。对我而言，它并不经常出现，因此在编辑器中添加代码很容易。

我也在寻找一种替代eslint规则的方法

Answer 2

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

1. 在沙箱的根文件夹中创建文件.prettierrc。
2. 使用JSON语法将所需的formatting rules添加到文件中。

例如，要更改我想让大多数人烦恼的换行符，请设置printWidth值：

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

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

2. 下次保存任何文件时，代码将按照您在.prettierrc中设置的规则进行格式化。

其他

：

• 似乎必须重新加载“沙箱”页面才能进行设置。重新打开后，文件.prettierrc将显示为用户界面而不是文件。

• 要添加新的格式设置规则，请打开显示为用户界面的文件.prettierrc，然后单击 Open file in editor 并添加所需的规则。

• 这里是the list of Prettier config options，您可以在.prettierrc中设置。

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

享受！