visual-studio-code - 如何为特定语言使用 prettier

Question

我正在使用带有 Prettied Extension 的 VsCode。在某些情况下，更漂亮的是在 HTML 元素(例如 Class 值)内部进行格式化，这很烦人，因为它不必要地在多行中破坏了属性，因此:

1. 我不想对代码中的每一行都使用“prettier-ignore”注释，因为它很乏味而且

2. 我不想在 root 中使用 .prettierignore 文件，因为据我所知，它会忽略 HTML 文件并关闭 vscode 的默认 HTML 格式化程序。

我想允许 prettier 用于除 HTML 之外的所有语言，所以我在项目根目录下放置了一个扩展名为 .prettierrc 的文件，内容如下:

{
   "editor.defaultFormatter": "esbenp.prettier-vscode",
   "[html]": {
     "editor.defaultFormatter": null
   }
}

现在我的问题是:

1. 我可以在 root 中使用 .prettierignore 文件吗？如果可以，它会禁用 vscode 的 HTML 默认格式化程序吗？

2. 检查我的 .prettierrc 配置文件，让我知道它的(或其他)方式是否正确。

Answer 1

要获得所需结果的一个很好的解决方法是将 HTML 格式切换为默认的 vscode 格式化程序，然后将其他所有内容留给 Prettier。我们可以通过更改 settings.json

中的值来做到这一点

您可以在 vscode 中按 Ctrl + Shift + P 打开命令面板并搜索 open settings，您会找到一个名为 Preferences: Open 的设置设置 (JSON) 或者您可以直接转到 C: -> Users -> UserName -> Roaming -> Code -> User 然后打开 settings.json.

然后确保更改/填写这些值:

"editor.defaultFormatter": "esbenp.prettier-vscode",
"[html]": {
    "editor.defaultFormatter": "vscode.html-language-features"
},

这样你就不需要任何更漂亮的配置文件了。我希望我有所帮助。