如何针对特定语言使用 prettier

Question

我正在使用带有 Prettied Extension 的 VsCode。在某些情况下，Prettier 是在 HTML 元素（Ig Class 值）内进行格式化，这很烦人，因为它不必要地破坏多行属性，因此：

\n

\n

1. 我不想对代码中的每一行使用 \xe2\x80\x9cprettier-ignore\xe2\x80\x9d 注释，因为它很乏味且

   \n
\n

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

   \n
\n

\n

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

\n

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

\n

现在我的问题是：

\n

\n

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

   \n
\n

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

   \n
\n

\n

Answer 1

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

你可以按Ctrl + Shift + Pvscode打开命令面板并搜索open settings，你会发现一个名为的设置Preferences: Open Settings (JSON)，或者你可以直接进入C: -> Users -> UserName -> Roaming -> Code -> User然后打开settings.json。

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

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

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