VS Code中的“保存时美化”？

Question

我刚刚安装了一个 美化扩展程序 在 VS Code 上。

我希望每当我保存文件时，我的代码能够自动美化，但我无法弄清如何进行配置。

它说：

当 "editor.formatOnSave" 为 true 时，将启用自动保存后的美化功能。

但我不知道在哪里具体放置，因为我在任何文件中都找不到默认选项。

我正在尝试转换到 VS Code 并解决问题。

- UC3D

---

可能是如何在VS Code中保存时格式化代码的重复问题。 - Gama11

Answer 1

对于 Windows 用户，请单击“文件”->“首选项”->“设置”。然后搜索“editor.formatOnSave”，将其从“false”更改为“true”。

对于 Mac 用户，请单击屏幕左上方的“Code”（位于“File”、“Edit”和“View”的左侧）->“首选项”->“设置”->在页面顶部的搜索设置框中输入“editor.formatOnSave”。单击勾号将其标记为 true。

- Dave Anders

---

我这样做对吗？即使重新加载VSCode，它似乎仍然无法正常工作。 - UC3D

不确定它是否有任何作用。当我保存文件时，它不能像我想要的那样美化我的代码。 - UC3D

我回答了你最初的问题，告诉你在哪里找到设置，所以如果你现在有另一个关于某个插件为什么不起作用的问题，我需要更多的细节。请提供丑陋代码的截图或复制，以及启用插件的所有步骤。如果我的回答有帮助，请点个赞吧 :) - Dave Anders

它对我起作用了。只需打开一个HTML文件，将元素移动到其他位置，然后保存该文件。该元素将被移回其原本的位置。 - Rich

这对我没有任何作用。 - Devin McQueeney

Answer 2

进入文件-->首选项-->设置

在搜索栏中输入格式化器，并在默认格式化器中选择：prettier代码格式化器，如下图所示。

- Vivek Singh

Answer 3

我访问了这个问题，因为我的VS代码中的美化功能不起作用。添加上述设置解决了我的问题，但如果你想让你的美化功能也解决linting问题，那么你必须像这样同时添加下面的设置：（希望这能帮助任何人）

{
  "editor.formatOnSave": true,
  "tslint.autoFixOnSave": true
  }

- Vignesh Pandi

Answer 4

除了其他答案之外，如果您使用其他格式化程序，可能需要覆盖或替换settings.json文件中的默认格式化程序设置。

例如，当我安装Prettier时，它会作为多种语言的默认格式化程序，包括HTML，但这对于Django HTML模板来说是有问题的。

打开settings.json文件（如果卡住了，请参考SO指南）。

在我的情况下，prettier安装为默认格式如下，但您可能有另一个格式化程序：

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

如果你删除 esbenp.prettier-vscode 插件，并开始输入一些字符，VScode 将用红色突出显示您输入了无效的格式化程序并建议有效值。一旦安装了 Beautify，您就可以将此条目替换为：HookyQR.beautify 而且，请确保遵循本帖其他答案的方法。

- Digestible1010101

Answer 5

我的JavaScript设置依赖于ESlint和Prettifier。

我已经配置了自动格式化/自动修复：

 "editor.codeActionsOnSaveTimeout": 2000,
  "editor.codeActionsOnSave": {
    "source.fixAll": true
  }

- Kamafeather