如何为特定语言使用 prettier

Question

我正在使用 VsCode 和 Prettied Extension。在某些情况下，更漂亮的是在 HTML 元素（I.g。Class 值）内进行格式化，这很烦人，因为它不必要地在多行中打破了属性，因此：

我不想对代码中的每一行都使用“prettier-ignore”注释，因为它很乏味而且
我不想在 root 中使用 .prettierignore 文件，因为据我所知，它会忽略 HTML 文件并关闭 vscode 的默认 HTML格式化程序。

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

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

现在我的问题是：

我可以在 root 中使用 .prettierignore 文件吗，如果可以，它会禁用 vscode 的 HTML 默认格式化程序吗？
检查我的 .prettierrc 配置文件，让我知道它是否正确（或其他）方式。

Answer 1

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

中的值来做到这一点

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

然后确保change/fill这些值：

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

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

如何为特定语言使用 prettier

How to use prettier for specific language

visual-studio-code

prettier

prettier-vscode