如何使用更漂亮的特定语言

Posted 2023-02-22

【中文标题】如何使用更漂亮的特定语言

【英文标题】：How to use prettier for specific language

【发布时间】：2021-10-01 19:52:38

【问题描述】：

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

我不想对代码中的每一行都使用“prettier-ignore”cmets，因为它很乏味并且

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

我想让除了 HTML 之外的所有语言都更漂亮，所以我在项目根目录中放置了一个扩展名为 .prettierrc 的文件，内容如下：

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

现在我的问题是：

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

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

【参考方案1】：

对于您想要的结果，一个很好的解决方法是将 HTML 格式切换到默认的 vscode 格式化程序，然后将其他所有内容留给 Prettier。我们可以通过更改 settings.json 中的值来做到这一点

你可以在vscode中按Ctrl + Shift + P打开命令面板并搜索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"
,

这样您就不需要任何更漂亮的配置文件。我希望我能帮上忙。

【讨论】：

但我说我不想只格式化更漂亮的 html，你的代码会做相反的事情。在这种情况下，我的代码似乎更准确。

不，也许你误解了我的意思，我的意思是你将使用 vscode 格式化程序来处理 HTML。并且您可以将 prettier 用于非 HTML 的所有内容。我的代码将 HTML 的格式设置为 vscode 拥有的默认工具。并将所有其他语言的默认格式化工具设置为 Prettier。你的答案是正确的，但你不能在那里有 null，因为如果你每次按格式都这样做，那么 vscode 会问你要使用什么工具.. 它不能那样工作。

哦，谢谢兄弟，现在我知道了。我会试试这个，让你知道，再次感谢

我在我的项目中创建了一个 settings.json 文件，我应该把代码放在那里吗？或者“C:\Users\MyUser\AppData\Roaming\Code\User”中有另一个文件settings.json，是哪个？其次，如果我想制作更多语言异常（如 HTML），该怎么做？

在 C:\Users\MyUser\AppData\Roaming\Code\User 中有另一个文件，我说 MyUser 你把你的用户，因为我不知道你的电脑用户名。打开文件后，您只需在文档末尾添加我所拥有的内容，然后保留里面的内容。如果你想再做一个例外，只需复制粘贴代码的最后 3 行并将 html 替换为另一种语言。